/* Generated from the colours set under Admin -> Settings -> Customisation.
   Brand #101828 - contrast on white 17.75:1, on #101828 1.00:1.
   The accent is adjusted per theme so text always reaches 4.5:1. */
:root {
  --brand: #101828;
  --brand-rgb: 16, 24, 40;
  --brand-ink: #ffffff;
  --bg: #f7f7f7;
  --surface: #ffffff;
  --surface-2: #f8f8f9;
  --border: #e2e3e5;
  --border-strong: #bcbec3;
  --text: #101828;
  --text-muted: #6b7378;
  --accent: #101828;
  --accent-soft: #e7e8ea;
  --info-soft: #f4f5f5;
  --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: #101828;
    --brand-ink: #ffffff;
    --bg: #06060a;
    --surface: #0c0e15;
    --surface-2: #1a1c22;
    --border: #282a30;
    --border-strong: #44464c;
    --text: #f5f6fa;
    --text-muted: #9c9ea3;
    --accent: #657abc;
    --accent-soft: #0d1119;
    --info-soft: #1a1c22;
  }
}

:root[data-theme='dark'] {
  --brand: #101828;
  --brand-ink: #ffffff;
  --bg: #06060a;
  --surface: #0c0e15;
  --surface-2: #1a1c22;
  --border: #282a30;
  --border-strong: #44464c;
  --text: #f5f6fa;
  --text-muted: #9c9ea3;
  --accent: #657abc;
  --accent-soft: #0d1119;
  --info-soft: #1a1c22;
}