/* Colour roles, copied from packages/ui/src/tokens.ts (themes.light / themes.dark) as
   --<kebab-case role>. packages/ui/src/site-tokens.test.ts fails when they drift; change both. */
:root {
  color-scheme: light dark;
  --background: #f3f5fa;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #e6eaf3;
  --border: #d0d6e4;
  --border-strong: #66708a;
  --text: #0b1530;
  --text-muted: #46506b;
  --primary: #1d4ed8;
  --on-primary: #ffffff;
  --primary-subtle: #dde6fc;
  --agent: #0b6e99;
  --on-agent: #ffffff;
  --agent-subtle: #d8eef8;
  --danger: #b3261e;
  --danger-subtle: #fbe1de;
  --warning: #855400;
  --warning-subtle: #faecc8;
  --success: #1a6b3a;
  --success-subtle: #dcf1e3;
  --focus: #1d4ed8;
  --scrim: rgba(8, 10, 9, 0.55);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #070b18;
    --surface: #0e1426;
    --surface-raised: #151c33;
    --surface-sunken: #050813;
    --border: #222c4a;
    --border-strong: #7480a6;
    --text: #e8ecf8;
    --text-muted: #a3adc9;
    --primary: #6f9bff;
    --on-primary: #06112e;
    --primary-subtle: #14265a;
    --agent: #5cc8f0;
    --on-agent: #04202c;
    --agent-subtle: #0d3140;
    --danger: #ff8f86;
    --danger-subtle: #431a17;
    --warning: #f0b94a;
    --warning-subtle: #3a2b08;
    --success: #62d68c;
    --success-subtle: #12361f;
    --focus: #9db8ff;
    --scrim: rgba(0, 0, 0, 0.7);
  }
}