/* Astrae — slate blue / copper and ivory / sand.
   Authoritative web palette; geometry stays in the shared design styles. */
:root{
  --paper:#f6f2e9;--panel:#fcfaf5;--white:#fcfaf5;--soft:#eee5d8;
  --ink:#22313f;--muted:#5d666d;--line:#d9cdbb;--ring-strong:#ad987e;
  --accent:#8f593a;--gold:#8f593a;--gold-text:#8f593a;--gold-deep:#8f593a;
  --gold-soft:#eee5d8;--accent2:#45677e;--blue:#45677e;
  --night:#14202d;--night2:#192938;--on:#edf0f2;--sidebar-bg:#eee5d8;
  --chart-grid:#977454;--good:#2e6e58;--bad:#a24439;
  --action-bg:#eee5d8;--action-ink:#22313f;--action-border:#ad987e;--action-hover:#e7dece;
  --field-line:#ad987e;--field-text:#22313f;--btn-face:#eee5d8;--btn-text:#22313f;--btn-line:#ad987e;
  --shadow:0 16px 48px #22313f14;color-scheme:light;
}
:root[data-theme=dark]{
  --paper:#101923;--panel:#192938;--white:#192938;--soft:#213447;
  --ink:#edf0f2;--muted:#afbac5;--line:#344a5e;--ring-strong:#58768e;
  --accent:#d29b76;--gold:#d29b76;--gold-text:#d29b76;--gold-deep:#d29b76;
  --gold-soft:#213447;--accent2:#a2bdd0;--blue:#a2bdd0;
  --night:#14202d;--night2:#192938;--on:#edf0f2;--sidebar-bg:#14202d;
  --chart-grid:#8199ac;--good:#8abca9;--bad:#e2a39a;
  --action-bg:#2b4963;--action-ink:#edf0f2;--action-border:#58768e;--action-hover:#355873;
  --field-line:#58768e;--field-text:#edf0f2;--btn-face:#2b4963;--btn-text:#edf0f2;--btn-line:#58768e;
  --shadow:0 18px 54px #00000033;color-scheme:dark;
}
.brand em{font-style:italic;font-weight:inherit}
.sidebar{background:var(--sidebar-bg);color:var(--ink)}
.sidebar .eyebrow,.sidebar .navlink,.sidebar .side-bottom>button{color:var(--muted)}
:root .sidebar .navlink[aria-current=page]{background:var(--soft);color:var(--ink);box-shadow:inset 2px 0 var(--accent)}
:root:not([data-theme=dark]) .sidebar .navlink[aria-current=page]{background:var(--panel)}
:root .sidebar .navlink:hover,:root .sidebar .side-bottom>button:hover{background:var(--panel);color:var(--ink)}
:root .primary,:root .ask,:root .button,:root .secondary,:root .button.gold,:root .button.quiet,
:root .dark .button.quiet,:root .design-translated .btn,:root .design-translated .knop,
:root .topbar .iconbtn,:root .topbar .icon-button,:root .topbar .avatar,
:root .design-translated main button:not(.link-card),:root .chip[aria-pressed=true]{
  background:var(--action-bg);color:var(--action-ink);border-color:var(--action-border);
}
:root .primary:hover,:root .button:hover,:root .secondary:hover,:root .ask:hover,
:root .design-translated main button:not(.link-card):hover{background:var(--action-hover);border-color:var(--accent)}
:root .link-card:hover{background:var(--soft);border-color:var(--accent)}
:root .language-options [aria-current=page],:root .design-translated main button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
:root .dark p,:root .chart-caption,:root .stat-strip small{color:var(--muted)}
:root:not([data-theme=dark]) .dark,:root:not([data-theme=dark]) .today-focus{background:var(--soft);color:var(--ink);border-color:var(--line)}
:root:not([data-theme=dark]) .wereldkaart svg{--paper:#eee5d8}
:root .stat-strip{border-color:var(--line)}
:root .stat-strip>div{border-color:var(--line)}

/* Header actions are bare icons, retaining their accessible hit targets. */
:root .topbar :is(.mobile-menu,.iconbtn,.icon-button,.avatar,.header-ask){background:transparent;border:0;box-shadow:none;color:var(--ink);width:44px;min-width:44px;padding:0;border-radius:0}
.topbar .header-ask .action-label,.topbar .language-trigger>span{display:none}
.topbar .header-ask .ask-symbol{display:inline;font-size:1.4rem}
:root .topbar :is(.mobile-menu,.iconbtn,.icon-button,.avatar,.header-ask):hover{background:transparent;color:var(--accent)}
@media(max-width:650px){:root .topbar :is(.mobile-menu,.iconbtn,.icon-button,.avatar,.header-ask){width:36px;min-width:36px;min-height:44px}}