/* Generated from the colours set under Admin -> Settings -> Customisation.
   Brand #1a5d74 - contrast on white 7.34:1, on #16181d 2.42:1.
   The accent is adjusted per theme so text always reaches 4.5:1. */
:root {
  --brand: #1a5d74;
  --brand-rgb: 26, 93, 116;
  --brand-ink: #ffffff;
  --bg: #f9f6f0;
  --surface: #ffffff;
  --surface-2: #f8f8f8;
  --border: #e3e3e4;
  --border-strong: #bebec0;
  --text: #16181d;
  --text-muted: #727375;
  --accent: #1a5d74;
  --accent-soft: #e8eff1;
  --info-soft: #f5f5f5;
  --font: Inter, system-ui, sans-serif;
  --logo-plate: transparent;
  --logo-plate-pad: 0;
}

/* The dark palette is emitted twice. Behind the media query it follows
   the operating system, except for a reader who has explicitly chosen
   light. Behind the attribute it applies whatever the system says, and
   comes second so an explicit choice wins. app.css has the same shape. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --brand: #1a5d74;
    --brand-ink: #ffffff;
    --bg: #10171a;
    --surface: #172125;
    --surface-2: #242d30;
    --border: #31393b;
    --border-strong: #4a5052;
    --text: #ece7df;
    --text-muted: #9b9c98;
    --accent: #2895ba;
    --accent-soft: #183039;
    --info-soft: #242d30;
  }
}

:root[data-theme='dark'] {
  --brand: #1a5d74;
  --brand-ink: #ffffff;
  --bg: #10171a;
  --surface: #172125;
  --surface-2: #242d30;
  --border: #31393b;
  --border-strong: #4a5052;
  --text: #ece7df;
  --text-muted: #9b9c98;
  --accent: #2895ba;
  --accent-soft: #183039;
  --info-soft: #242d30;
}