/* Boldops design tokens. Brand colors live only here; site.css uses the semantic names. */
:root {
  /* Brand palette */
  --brand-paper: #EEF0F2;
  --brand-ink: #15171A;
  --brand-slate: #4A4F57;
  --brand-ember: #C24E1A;        /* accent, light theme: fills, large text, buttons */
  --brand-ember-text: #A6411A;   /* accent for small text on paper (5.3:1); #C24E1A is only 4.1:1 */
  --brand-ember-dark: #E0662C;   /* accent, dark theme (5.2:1 on ink) */

  /* Semantic: light */
  --bg: var(--brand-paper);
  --surface: #F8F9FA;
  --ink: var(--brand-ink);
  --muted: var(--brand-slate);
  --line: #D3D7DC;
  --accent: var(--brand-ember-text);
  --accent-fill: var(--brand-ember);
  --accent-hi: #8C3614;
  --signal: var(--brand-ember-text);
  --ok: #1D6B3F;
  --warn: #B42318;
  --card: var(--surface);
  --card-line: rgba(21, 23, 26, 0.10);
  --card-line-hover: rgba(21, 23, 26, 0.75);
  --btn-bg: var(--brand-ember);
  --btn-fg: #FFFFFF;
  --logo-ring: var(--brand-ink);
  --logo-low: var(--brand-ink);
  --logo-high: #FFFFFF;

  /* Type: Archivo for everything; system mono only for ledger data */
  --display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --body: "Archivo", "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --w-display: 800;
  --w-body: 400;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--brand-ink); --surface: #1D2024; --ink: var(--brand-paper); --muted: #A4AAB2; --line: #2E3237;
    --accent: var(--brand-ember-dark); --accent-fill: var(--brand-ember-dark); --accent-hi: #F08A55; --signal: var(--brand-ember-dark);
    --ok: #4CC08A; --warn: #F97066; --card: #1B1E22; --card-line: rgba(238, 240, 242, 0.08); --card-line-hover: rgba(238, 240, 242, 0.30);
    --btn-bg: var(--brand-ember-dark); --btn-fg: var(--brand-ink); --logo-ring: var(--brand-paper); --logo-low: var(--brand-ink); --logo-high: #FFFFFF;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: var(--brand-ink); --surface: #1D2024; --ink: var(--brand-paper); --muted: #A4AAB2; --line: #2E3237;
  --accent: var(--brand-ember-dark); --accent-fill: var(--brand-ember-dark); --accent-hi: #F08A55; --signal: var(--brand-ember-dark);
  --ok: #4CC08A; --warn: #F97066; --card: #1B1E22; --card-line: rgba(238, 240, 242, 0.08); --card-line-hover: rgba(238, 240, 242, 0.30);
  --btn-bg: var(--brand-ember-dark); --btn-fg: var(--brand-ink); --logo-ring: var(--brand-paper); --logo-low: var(--brand-ink); --logo-high: #FFFFFF;
  color-scheme: dark;
}