/* Contenu design tokens. Generated from contenu/ui/Tokens.h: do not edit by hand. */

:root {
  --cn-background: #ecebe7; /* panel behind everything */
  --cn-panel: #f2f1ed; /* key faces, small panels */
  --cn-sheet: #fbfbf9; /* the main work surface (editor, prompter, cue list) */
  --cn-text: #1d1e20; /* body text */
  --cn-muted: #66686b; /* labels, captions, secondary text */
  --cn-faint: #b3b4b6; /* placeholders, disabled */
  --cn-rule: #cfcdc8; /* hairlines and group rules */
  --cn-accent: #e8740f; /* live: LEDs, sung words, the big key */
  --cn-confirm: #2e8b57; /* on the beat, confirmed, done */
  --cn-selection: #ffe1c2; /* text selection */
  --cn-highlight: #fff1e2; /* the current line or item */
  --cn-warning: #c77700; /* needs attention */
  --cn-error: #d0453a; /* errors only */
  --cn-key-top: #ffffff; /* hardware key gradient, top */
  --cn-key-bottom: #f2f1ed; /* hardware key gradient, bottom */
  --cn-key-border: #d3d1cc; /* hardware key outline */
  --cn-key-shadow: #cccac4; /* hardware key ledge */
  --cn-key-text: #3a3b3e; /* key face text */
  --cn-led-off: #bdbdbf; /* an unlit LED */
  --cn-ink: #1c2452; /* Contenu house navy: About, splash, brand surfaces */
  --cn-ink-muted: #a9b0d0; /* secondary text on ink */
  --cn-paper: #fbfbf9; /* light text and marks on ink */
  --cn-lcd: #222325; /* the LCD readout (dark in both themes) */
  --cn-lcd-text: #f59a45; /* LCD text */
  --cn-lcd-bright: #ffb466; /* LCD big numbers */
  --cn-lcd-dim: #a88f74; /* LCD labels */
  --cn-lcd-off: #4a4036; /* LCD unlit dots */
  --cn-lcd-line: #e8c9a5; /* LCD status line */
  --cn-big-key-top: #f68a2c; /* the big action key, gradient top */
  --cn-big-key-bottom: #ec760f; /* the big action key, gradient bottom */
  --cn-big-key-border: #cf650a; /* the big action key, outline */
  --cn-big-key-ledge: #c45f09; /* the big action key, ledge */
  --cn-big-key-down: #e86f0c; /* the big action key, pressed */
  --cn-dot-lyricsradar: #e8740f; /* LyricsRadar (amber) */
  --cn-font-sans: "Inter", system-ui, sans-serif; /* all UI text (Regular, SemiBold for bold) */
  --cn-font-display: "Inter Display", system-ui, sans-serif; /* badges, the product name, big headings (SemiBold) */
  --cn-font-mono: "JetBrains Mono", ui-monospace, monospace; /* numbers, positions, the LCD (Medium) */
  --cn-radius-key: 7px; /* hardware key corners */
  --cn-radius-big-key: 10px; /* big action key and lamp corners */
  --cn-radius-lcd: 8px; /* LCD corners */
  --cn-key-height: 40px; /* a normal key face */
  --cn-key-small-height: 30px; /* header keys */
  --cn-led: 6px; /* LED diameter under a key */
  --cn-text-label: 10px; /* group labels (MARK TIMING), bold caps */
  --cn-text-caption: 9.5px; /* key captions, bold */
  --cn-text-key: 11px; /* key face text, bold */
  --cn-text-big-key: 15px; /* big key text, bold */
  --cn-text-badge: 12.5px; /* product name in the header */
  --cn-track-badge: 0.32em; /* product name letter spacing */
  --cn-track-label: 0.18em; /* group label letter spacing */
  --cn-track-key: 0.08em; /* key face letter spacing */
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cn-background: #232427;
    --cn-panel: #2d2f33;
    --cn-sheet: #18191b;
    --cn-text: #ecedee;
    --cn-muted: #9da0a4;
    --cn-faint: #55585c;
    --cn-rule: #3a3c40;
    --cn-accent: #f2913a;
    --cn-confirm: #8fd19e;
    --cn-selection: #4a3a2a;
    --cn-highlight: #2e2620;
    --cn-warning: #e8b04a;
    --cn-error: #e86a5a;
    --cn-key-top: #3b3e42;
    --cn-key-bottom: #2d2f33;
    --cn-key-border: #111214;
    --cn-key-shadow: #0c0d0e;
    --cn-key-text: #d5d7da;
    --cn-led-off: #4a4c50;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --cn-background: #232427;
  --cn-panel: #2d2f33;
  --cn-sheet: #18191b;
  --cn-text: #ecedee;
  --cn-muted: #9da0a4;
  --cn-faint: #55585c;
  --cn-rule: #3a3c40;
  --cn-accent: #f2913a;
  --cn-confirm: #8fd19e;
  --cn-selection: #4a3a2a;
  --cn-highlight: #2e2620;
  --cn-warning: #e8b04a;
  --cn-error: #e86a5a;
  --cn-key-top: #3b3e42;
  --cn-key-bottom: #2d2f33;
  --cn-key-border: #111214;
  --cn-key-shadow: #0c0d0e;
  --cn-key-text: #d5d7da;
  --cn-led-off: #4a4c50;
  color-scheme: dark;
}