/* The same quiet blue palette, with a charcoal alternative. Photos retain their colours. */
:root{--button-ink:#fff}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111821;--surface:#182230;--surface-raised:#202d3d;--ink:#edf2f8;--muted:#b2bfd0;--line:#344357;--accent:#9bc5ef;--accent-strong:#c4dff9;--accent-text:#9bc5ef;--accent-soft:#223449;--accent-line:#536d89;--button-ink:#111821}
.portfolio-site .header-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0}
.portfolio-site .header-controls .language-switch,.portfolio-site .header-controls .header-social{margin-left:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{color:var(--ink);background:var(--surface-raised);border-color:var(--line)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:none}
[data-theme="dark"] .theme-toggle .theme-moon{display:none}
[data-theme="dark"] .theme-toggle .theme-sun{display:block}
.portfolio-site .primary-button,.compact-portfolio .intro-copy .text-link,.compact-portfolio .intro-copy .text-link:hover,.skip-link{color:var(--button-ink)}
::selection{color:var(--button-ink);background:var(--accent)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted);opacity:1}
.theme-toggle{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
@media(max-width:520px){.portfolio-site .header-controls{gap:4px}.portfolio-site>.header{row-gap:8px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}