/* Keltory colour tokens (see palette.md). Light by default, dark under [data-theme="dark"] or the system setting. */
:root {
  --navy-950: #0A1033; --navy-900: #111B4E; --navy-800: #1B2766; --navy-700: #27347F; --navy-600: #3A4896;
  --blue-800: #0833B8; --blue-700: #0A3AD6; --blue-600: #0B44F5; --blue-500: #3D6BFF; --blue-400: #5C80FF;
  --blue-200: #BFCEFF; --blue-100: #E3EAFF; --blue-50: #F2F5FF;
  --ink-950: #0F1530; --ink-800: #2B3150; --ink-600: #5A6180; --ink-300: #CDD2E0; --ink-200: #E4E7F0; --ink-100: #F3F5FA; --ink-50: #F9FAFC;
  --success: #12875A; --warning: #A65A08; --danger: #D13B3B;

  --bg: #FFFFFF; --surface: var(--ink-100); --raised: #FFFFFF; --line: var(--ink-200); --line-strong: var(--ink-300);
  --text: var(--ink-800); --heading: var(--ink-950); --muted: var(--ink-600);
  --accent: var(--blue-600); --accent-hover: var(--blue-700); --on-accent: #FFFFFF; --tint: var(--blue-100);
  --brand-ink: var(--navy-900); --brand-accent: var(--blue-600);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0A1033; --surface: #121A45; --raised: #1B2766; --line: #26305F; --line-strong: #34407A;
    --text: #D5DAEE; --heading: #F4F6FC; --muted: #9BA3C4;
    --accent: var(--blue-400); --accent-hover: #7C98FF; --on-accent: #0A1033; --tint: #1B2766;
    --brand-ink: #FFFFFF; --brand-accent: var(--blue-400);
  }
}
:root[data-theme="dark"] {
  --bg: #0A1033; --surface: #121A45; --raised: #1B2766; --line: #26305F; --line-strong: #34407A;
  --text: #D5DAEE; --heading: #F4F6FC; --muted: #9BA3C4;
  --accent: var(--blue-400); --accent-hover: #7C98FF; --on-accent: #0A1033; --tint: #1B2766;
  --brand-ink: #FFFFFF; --brand-accent: var(--blue-400);
}