/* TurkeyBoards Tools — design tokens.
   Mirrors the "TurkeyBoards Tools" design system: colours sampled from the mascot, type is CommitMono (OFL).
   Light values on :root, dark values for the OS setting and for an explicit data-theme="dark". */

@font-face { font-family: "CommitMono"; src: url("../fonts/CommitMono-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "CommitMono"; src: url("../fonts/CommitMono-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "CommitMono"; src: url("../fonts/CommitMono-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "CommitMono"; src: url("../fonts/CommitMono-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; }

:root {
  --brand-outline: #001634; --brand-deck: #23547c; --brand-feather: #00bafb; --brand-feather-deep: #0090d1;
  --brand-feather-light: #9cd2ec; --brand-beak: #fd9913; --brand-wattle: #d2333b;
  --ground: #f3f7fb; --surface: #ffffff; --surface-sunken: #e7eff6; --surface-raised: #ffffff;
  --canvas: #dfe9f2; --canvas-grid: #b7cad9; --line: #cbd9e5; --line-strong: #647f97;
  --ink: #001634; --ink-muted: #43607b; --link: #006599;
  --on-feather: #001634; --on-deck: #ffffff; --on-beak: #001634;
  --sticker-edge: #001634; --focus: #006599; --selection: #0078b4; --selection-fill: #00bafb33;
  --success: #0f6e48; --warning: #8a4b00; --danger: #b4232c;
  --keycap: #fcfcfc; --keycap-legend: #001634;
  --shadow-sticker: 4px 4px 0 #001634; --shadow-sticker-press: 1px 1px 0 #001634;
  --shadow-pop: 0 12px 32px rgba(0, 22, 52, 0.18);
  --font-display: "CommitMono", "CommitMono Nerd Font Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-ui: "CommitMono", "CommitMono Nerd Font Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-mono: "CommitMono", "CommitMono Nerd Font Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 56px;
  --radius-sm: 4px; --radius-key: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;
  --gutter-l: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #06101e; --surface: #0c1a2e; --surface-sunken: #040b16; --surface-raised: #14263f;
    --canvas: #030912; --canvas-grid: #18304c; --line: #1f3753; --line-strong: #5b7896;
    --ink: #e9f3fb; --ink-muted: #9db6cb; --link: #5fd0ff;
    --sticker-edge: #000000; --focus: #5fd0ff; --selection: #00bafb; --selection-fill: #00bafb2e;
    --success: #4fd39a; --warning: #fdb24f; --danger: #ff7a7f;
    --shadow-sticker: 4px 4px 0 #000000; --shadow-sticker-press: 1px 1px 0 #000000;
    --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ground: #06101e; --surface: #0c1a2e; --surface-sunken: #040b16; --surface-raised: #14263f;
  --canvas: #030912; --canvas-grid: #18304c; --line: #1f3753; --line-strong: #5b7896;
  --ink: #e9f3fb; --ink-muted: #9db6cb; --link: #5fd0ff;
  --sticker-edge: #000000; --focus: #5fd0ff; --selection: #00bafb; --selection-fill: #00bafb2e;
  --success: #4fd39a; --warning: #fdb24f; --danger: #ff7a7f;
  --shadow-sticker: 4px 4px 0 #000000; --shadow-sticker-press: 1px 1px 0 #000000;
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}