/*
 * Kulla design tokens. The ONLY file allowed to name a colour, font or shadow.
 * Values and rules: docs/design-system.md. Checked by bin/guard (contrast, cvd).
 */
@font-face { font-family: "Atkinson Next"; src: url("/assets/atkinson-next-latin-c30cdd7a.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Atkinson Next"; src: url("/assets/atkinson-next-latin-ext-6291a398.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Commit Mono"; src: url("/assets/commit-mono-400-e4dce3ed.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Commit Mono"; src: url("/assets/commit-mono-600-dfb9cc25.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --font-sans: "Atkinson Next", system-ui, sans-serif;
  --font-mono: "Commit Mono", ui-monospace, monospace;
}

:root, [data-theme="dark"] {
  color-scheme: dark;
  --bg: #111413; --surface: #191c1b; --raised: #212524; --line: #2d3230; --line-soft: #232826;
  --ink: #e9e6df; --ink-2: #a7aca6; --ink-3: #868c87;
  --accent: #3cc3ab; --accent-ink: #0c1f1b; --accent-tint: #1c3531;
  --ok: #54b66e; --warn: #ddd34f; --crit: #ef6a5f;
  --ok-tint: #18291d; --warn-tint: #2a2914; --crit-tint: #33201e;
  --s1: #19aa8e; --s2: #3a7bcb; --s3: #d36a96; --s4: #21a3bc; --s5: #ba673f; --s6: #4c5fbe; --s-other: #6b716d;
  --seq-0: #1c3531; --seq-1: #1f5c50; --seq-2: #1f8570; --seq-3: #2fae93; --seq-4: #7fdcc6;
  --scrim: rgb(0 0 0 / 0.5);
  --shadow: 0 10px 30px rgb(0 0 0 / 0.45);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f3ee; --surface: #fbfaf7; --raised: #ffffff; --line: #dcd8cf; --line-soft: #e8e5de;
  --ink: #161a18; --ink-2: #4f5652; --ink-3: #646a66;
  --accent: #007563; --accent-ink: #ffffff; --accent-tint: #daf6ee;
  --ok: #21763c; --warn: #786900; --crit: #ba2b28;
  --ok-tint: #e3f2e6; --warn-tint: #f4f0c9; --crit-tint: #f8e2df;
  --s1: #009176; --s2: #1762b6; --s3: #c65085; --s4: #0096af; --s5: #ae5528; --s6: #3948ac; --s-other: #9aa09b;
  --seq-0: #e6f4f0; --seq-1: #b3e0d4; --seq-2: #6cc2ad; --seq-3: #1f9a80; --seq-4: #006553;
  --scrim: rgb(22 26 24 / 0.35);
  --shadow: 0 10px 30px rgb(22 26 24 / 0.12);
}