/* Shared appearance for every content page. Loaded after page-specific styles. */
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
body{font-family:Inter,Arial,sans-serif}
html[data-theme=dark]{--ink:#e6eae4;--ink-soft:#b0b9b2;--ink-faint:#95a198;--accent:#dca17e;--accent-strong:#bd7852;--accent-shadow:transparent;--bg:#171b19;--surface:#222923;--surface-strong:#2b342d;--rule:#353e37}
.logo .logo-dark{display:none}
html[data-theme=dark] .logo .logo-light{display:none}
html[data-theme=dark] .logo .logo-dark{display:block}
.theme-toggle,.home .theme-toggle{width:44px;height:44px;min-width:44px;padding:0;border:0;display:inline-grid;place-items:center;background:transparent;color:var(--ink);cursor:pointer;position:relative;z-index:30;border-radius:50%;flex-shrink:0}
.theme-toggle:hover,.home .theme-toggle:hover{background:var(--surface-strong);color:var(--accent)}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:none}
html[data-theme=dark] .theme-toggle .theme-moon{display:none}
html[data-theme=dark] .theme-toggle .theme-sun{display:block}
body:not(.home) .header-row{gap:18px}
body:not(.home) .header-row>.theme-toggle{order:3}
body:not(.home) nav{gap:20px}
body:not(.home) .logo img{height:36px}
html[data-theme=dark] .button-secondary{background:var(--surface);border-color:var(--rule);box-shadow:none}
html[data-theme=dark] .button-secondary:hover{background:var(--surface-strong);border-color:var(--ink-faint)}
html[data-theme=dark] .form-card{background:var(--surface);border-color:var(--rule);box-shadow:none}
html[data-theme=dark] .field input::placeholder,html[data-theme=dark] .field textarea::placeholder{color:var(--ink-faint)}
@media(max-width:600px){
 body:not(.home) .header-row>.theme-toggle{margin-left:auto;order:0}
 body:not(.home) .logo img{height:32px}
 body:not(.home) nav{gap:0}
}

html[data-theme=dark] .button-primary,html[data-theme=dark] button[type=submit],html[data-theme=dark] .form-card .check{color:#171b19}
html[data-theme=dark] .form-error{color:#f0938e}
