/* sudbuilds colour tokens. Light is primary; dark follows the system unless [data-theme] overrides. */
:root{
  /* ground */
  --paper:#FAF8F4;
  --surface:#FFFDFA;
  /* ink */
  --ink:#16151A;
  --slate:#6B6A72;
  /* rules */
  --line:#E4E0D8;
  --line-soft:#EFEBE3;
  /* the one accent */
  --clay:#C2553C;
  --clay-ink:#9C4029;
  --clay-soft:#F3E4DE;
  --on-clay:#FFF8F5;
  /* dark contrast band */
  --deep:#1E1B2E;
  --deep-ink:#E8E5F0;
  --deep-slate:#9B96AE;
  --deep-line:#332E47;
  /* semantic — never decorative */
  --success:#3B6D4A;
  --warning:#A8761C;
  --danger:#B03A2E;
  /* charts: clay first, then deep, slate, muted teal */
  --chart-1:#C2553C;
  --chart-2:#1E1B2E;
  --chart-3:#6B6A72;
  --chart-4:#4A7C6F;
  --chart-grid:#EFEBE3;
  --chart-axis:#6B6A72;
  /* sequential ramp from clay */
  --clay-ramp-1:#F9EFEB;
  --clay-ramp-2:#EFCFC5;
  --clay-ramp-3:#DFA593;
  --clay-ramp-4:#CE7A62;
  --clay-ramp-5:#C2553C;
  --clay-ramp-6:#9C4029;
  --clay-ramp-7:#6E2B1B;
  /* semantic aliases */
  --bg-page:var(--paper);
  --bg-raised:var(--surface);
  --bg-accent-tint:var(--clay-soft);
  --text-primary:var(--ink);
  --text-secondary:var(--slate);
  --text-accent:var(--clay);
  --text-on-tint:var(--clay-ink);
  --border-default:var(--line);
  --border-internal:var(--line-soft);
  --border-accent:var(--clay);
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#141318;
    --surface:#1C1B22;
    --ink:#F2F0EA;
    --slate:#9C9A94;
    --line:#2C2A33;
    --line-soft:#232128;
    --clay:#E07A5F;
    --clay-ink:#F0A18A;
    --clay-soft:#3A2820;
    --on-clay:#1A1015;
    --deep:#0E0D12;
    --deep-ink:#F2F0EA;
    --deep-slate:#8F8C9C;
    --deep-line:#2A2735;
    --chart-1:#E07A5F;
    --chart-2:#0E0D12;
    --chart-3:#9C9A94;
    --chart-4:#6FA396;
    --chart-grid:#232128;
    --chart-axis:#9C9A94;
  }
}
:root[data-theme="dark"]{
  --paper:#141318;
  --surface:#1C1B22;
  --ink:#F2F0EA;
  --slate:#9C9A94;
  --line:#2C2A33;
  --line-soft:#232128;
  --clay:#E07A5F;
  --clay-ink:#F0A18A;
  --clay-soft:#3A2820;
  --on-clay:#1A1015;
  --deep:#0E0D12;
  --deep-ink:#F2F0EA;
  --deep-slate:#8F8C9C;
  --deep-line:#2A2735;
  --chart-1:#E07A5F;
  --chart-2:#0E0D12;
  --chart-3:#9C9A94;
  --chart-4:#6FA396;
  --chart-grid:#232128;
  --chart-axis:#9C9A94;
}

/* Re-assert light when the page opts out of the system preference. */
:root[data-theme="light"]{
  --paper:#FAF8F4;
  --surface:#FFFDFA;
  --ink:#16151A;
  --slate:#6B6A72;
  --line:#E4E0D8;
  --line-soft:#EFEBE3;
  --clay:#C2553C;
  --clay-ink:#9C4029;
  --clay-soft:#F3E4DE;
  --on-clay:#FFF8F5;
  --deep:#1E1B2E;
  --deep-ink:#E8E5F0;
  --deep-slate:#9B96AE;
  --deep-line:#332E47;
  --chart-1:#C2553C;
  --chart-2:#1E1B2E;
  --chart-3:#6B6A72;
  --chart-4:#4A7C6F;
  --chart-grid:#EFEBE3;
  --chart-axis:#6B6A72;
}