/* Approved brand v2. Shared by the public portal and the private diary. */
:root,[data-theme="dark"]{
  color-scheme:dark;--bg:#101211;--paper:#1D211E;--ink:#F7F1E5;--muted:#AEB7AD;--line:#3A423B;
  --lime:#C9E655;--green:#C9E655;--on-accent:#101211;--accent-text:#C9E655;
  --success:#8EDAA4;--warning:#FFD27A;--error:#FF8B83;--info:#94C8FF;--orange:#FFD27A;
  --soft:#252B25;--raised:#293128;--hero:#20291A;--hover:#374032;--accent-soft:#303E24;
  --accent-border:#526342;--track:#394136;--danger-soft:#422A26;--danger-border:#6F423C;
  --success-soft:#222C20;--warning-soft:#352D1D;--sticky:#101211F5;--nav-bg:#151A15F5;
}
[data-theme="light"]{
  color-scheme:light;--bg:#F7F1E5;--paper:#FFFFFF;--ink:#101211;--muted:#586258;--line:#C8CFC2;
  --lime:#C9E655;--green:#3F5717;--on-accent:#101211;--accent-text:#3F5717;
  --success:#246440;--warning:#775000;--error:#A12826;--info:#255D8C;--orange:#775000;
  --soft:#ECEEE3;--raised:#E8EBDD;--hero:#EBF0D6;--hover:#DCE3CB;--accent-soft:#E7EFCF;
  --accent-border:#849B5A;--track:#D4DBC7;--danger-soft:#FCEAE6;--danger-border:#D7AAA2;
  --success-soft:#E5F2E8;--warning-soft:#FFF0CD;--sticky:#F7F1E5F5;--nav-bg:#F7F1E5F5;
}
html{background:var(--bg)}
.brand .theme-logo-light,.logo .theme-logo-light{display:none}
[data-theme="light"] .brand .theme-logo-dark,[data-theme="light"] .logo .theme-logo-dark{display:none}
[data-theme="light"] .brand .theme-logo-light,[data-theme="light"] .logo .theme-logo-light{display:block}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:44px;min-width:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:500 12px "Golos Text",Golos,system-ui,sans-serif;cursor:pointer;line-height:1.2}
.theme-toggle:hover{background:var(--soft)}
.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-moon{display:none}
[data-theme="light"] .theme-toggle .theme-sun{display:none}
[data-theme="light"] .theme-toggle .theme-moon{display:block}
@media(max-width:1100px){.topbar .theme-toggle [data-theme-label]{display:none}}
@media(max-width:700px){header .theme-toggle [data-theme-label]{display:none}header .theme-toggle{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}