/* Colours mirror app_shell.dart and home_redesign.dart. Web-only presentation. */
:root{--green:#064537;--gold:#d6af3e;--bg:#fffaf0;--paper:#fffcf4;--surface:#fffefa;--ink:#111827;--muted:#64748b;--line:#d8c99f;--soft:#f7f4ec;--radius:18px;--shadow:0 4px 18px #06453709;--field:#f1f8f4}
:root[data-theme=dark]{color-scheme:dark;--bg:#000;--paper:#142822;--surface:#142822;--ink:#fff7e8;--muted:#e7ddd0;--line:#d6af3e;--soft:#223d35;--field:#1f3730;--green:#064537;--gold:#d6af3e}
body{background:var(--bg);color:var(--ink)}
.app-brand-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0;border-radius:12px;display:block}
.design-brand .app-brand-logo{width:58px;height:58px}.brand-mark{padding:0;overflow:hidden;background:transparent!important;border:0!important}.brand-mark .app-brand-logo{width:100%;height:100%}
.design-brand{gap:12px}.design-brand small{color:#f1ddb0}.brand,.design-brand{font-family:Georgia,"Times New Roman",serif}
.side,.site-header,.site-footer,.login-visual,.register-aside,.section-dark{background-color:#064537}.side{border-right:1px solid #d6af3e}.site-header{border-bottom:1px solid #d6af3e55}
.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.side-nav button{border-radius:12px}.side-nav button.active,.side-nav button:hover{background:#d6af3e22;box-shadow:inset 3px 0 #d6af3e;color:#ffe6a1}
.hero-panel{background:linear-gradient(125deg,#004d3b,#064537);border:1px solid #d6af3e;border-radius:22px}.hero-panel h2{color:#fffaf0}.hero-panel blockquote{color:#f1d68e}.hero-panel p{color:#e0ede6}
.card,.metric,.plan,.rail-card,.filter-card,.editor-section,.profile-summary,.register-card,.contact-card,.contact-stage,.feature{background:var(--surface);border-color:var(--line);border-radius:18px;box-shadow:var(--shadow)}
.profile,.horizontal-profiles .profile{border-radius:18px;border:1px solid var(--line)}.profile-media,.horizontal-profiles .profile-media{border-radius:14px}.profile-body h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink)}
.btn,.button{border-radius:12px;min-height:42px;font-weight:600}.btn.primary,.button-primary,.register-actions .button-gold{background:#064537;color:#fff;border-color:#064537}.btn.gold,.button-gold,.horizontal-profiles .btn.primary{background:#d6af3e;color:#173326;border-color:#d6af3e}
.btn.primary:hover,.button-primary:hover{background:#0b6b55}.btn.gold:hover,.button-gold:hover{background:#e9c66a}.btn.danger{color:#b42318;border-color:#dfaaa4;background:var(--surface)}
:root[data-theme=dark] .btn.primary{background:#d6af3e;color:#07110f;border-color:#d6af3e}:root[data-theme=dark] .hero-panel{background:#0c211c}:root[data-theme=dark] .premium-callout{background:#223d35}:root[data-theme=dark] .premium-callout p{color:var(--muted)}
.filter-card input:not([type=range]):not([type=hidden]),.filter-card select,.editor-fields input,.editor-fields select,.editor-fields textarea,.register-grid input,.register-grid select,.register-grid textarea,.auth-card input,.contact-card input,.contact-card select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background:var(--field);color:var(--ink);border:1px solid #9fcdb9;border-radius:12px;padding:11px 12px;margin-top:6px;outline-offset:2px}
:root[data-theme=dark] .filter-card input,:root[data-theme=dark] .filter-card select,:root[data-theme=dark] .editor-fields input,:root[data-theme=dark] .editor-fields select,:root[data-theme=dark] .editor-fields textarea{border-color:var(--line)}
input:focus,select:focus,textarea:focus{outline:2px solid #d6af3e;outline-offset:2px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:#064537}
.filter-card summary,.editor-section h3,.rail-card h3{color:var(--ink)}.filter-card summary{font-family:Georgia,serif}.editor-navigation button{border-radius:12px}.editor-navigation button.active{background:#064537;color:#fff;border-color:#d6af3e}
.completion-ring{background:conic-gradient(#0b6b55 calc(var(--progress)*1%),#e3d8bd 0)}.completion-ring span{background:var(--surface);color:var(--ink)}.match,.horizontal-profiles .match{background:#d6af3e;color:#173326;border-radius:8px}.verified-mark{color:#0b6b55}
.premium-callout{background:#f7f1e3;border-color:#d6af3e}.boost-card{background:linear-gradient(110deg,#064537,#0b6b55);color:#fffaf0;border:1px solid #d6af3e;border-radius:18px}.boost-card small{color:#e0ede6}
.nh-login .auth-side{background:var(--bg)}.nh-login .auth-card h2{color:#064537}.nh-login .login-visual{background-color:#064537}.login-visual .design-brand{color:#fffaf0}.register-pane .app-intro{background:#f1f8f4;color:#064537;border-radius:14px}.register-steps button.active{color:#064537}.register-steps button.active>span{background:#064537;color:#fff;border:1px solid #d6af3e}
.policy-content{background:var(--surface);border-color:var(--line)}.policy-hero{background:linear-gradient(125deg,#064537,#0b6b55)}.section-white{background:#fffefa}.section-dark .step{border-color:#d6af3e66}.plan.featured{background:#064537;color:#fff}.plan.featured h3{color:#fff}
.modal-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-body dl>div{padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.modal-body dt{text-transform:capitalize;font-size:12px;color:var(--muted)}.modal-body dd{margin:5px 0 0;color:var(--ink)}
@media(max-width:700px){.design-brand .app-brand-logo{width:48px;height:48px}.brand .app-brand-logo{width:42px;height:42px}.hero-panel{padding:22px;border-radius:18px}.nh-login .auth-card h2{font-size:32px}.modal-body dl{grid-template-columns:1fr}.profile .actions .btn{min-height:36px}}