/* Arsia Protocol — design tokens · Brand manual v1.0 · September 2026
   Colour values are the Arsia Labs tokens, unchanged. */
:root {
  --bg: #F2F3F5; /* Page ground */
  --fg: #121519; /* Primary text, wordmark, symbol outline */
  --muted: #545C66; /* Secondary text and labels */
  --border: #E2E5E8; /* Rules and dividers, never text */
  --accent: #35477A; /* Symbol core, eyebrow, primary button */
  --accent-hover: #283761; /* Button hover */
  --accent-surface: #4C5F94; /* Active borders and fills */
  --panel: #0D1114; /* Code block, dark in both modes */
  --panel-fg: #E9EEF1; /* Text on panel */
  --accent-on-panel: #93A9E0; /* Symbol core on panel */

  --symbol-outline: var(--fg);
  --symbol-core: var(--accent);

  --font-display: 'Libre Franklin', system-ui, sans-serif;
  --font-body: 'Libre Franklin', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-wordmark: 'Martian Mono', ui-monospace, monospace;

  --text-display-weight: 700;
  --text-display-tracking: -0.02em;
  --text-display-leading: 1.2;
  --text-body-size: 17px;
  --text-body-leading: 1.7;
  --text-eyebrow-size: 12px;
  --text-eyebrow-tracking: 0.16em;
  --text-eyebrow-weight: 500;
  --text-code-size: 14px;
  --text-code-leading: 1.9;
  --wordmark-tracking: -0.045em;
  --wordmark-word-spacing: -0.3em;

  --radius: 0; /* the brand has no rounded corners */
  --symbol-min-width: 16px;
  color-scheme: light dark;
}

[data-theme="dark"] {
  --bg: #0D1114;
  --fg: #E9EEF1;
  --muted: #93A0A8;
  --border: #242B30;
  --accent: #93A9E0;
  --accent-hover: #ABBCE9;
  --accent-surface: #6B84BF;
  --panel: #161B1F;
  --panel-fg: #E9EEF1;
  --accent-on-panel: #93A9E0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0D1114;
    --fg: #E9EEF1;
    --muted: #93A0A8;
    --border: #242B30;
    --accent: #93A9E0;
    --accent-hover: #ABBCE9;
    --accent-surface: #6B84BF;
    --panel: #161B1F;
    --panel-fg: #E9EEF1;
    --accent-on-panel: #93A9E0;
  }
}