/* Theme palettes — generated from DESIGN.md by bin/sync-design-tokens.
 * DO NOT edit by hand — your changes will be overwritten. Edit the
 * `x-feeberse.theme-overrides` and `x-feeberse.preserved-effects` blocks
 * of the DESIGN.md frontmatter instead, then run bin/sync-design-tokens.
 *
 * Selection: anti-FOUC inline script in base.html.twig reads
 * (1) ?theme=… query param, (2) localStorage["feeberse:theme"],
 * (3) prefers-color-scheme. Default = dark-classic.
 */

@layer tokens {
  /* dark-classic */
  :root[data-theme="dark-classic"] {
    /* baseline values; declared in tokens.css */
  }

  /* dark-oled */
  :root[data-theme="dark-oled"] {
    --color-bg: #000000;
    --color-surface: #0f0d0a;
    --color-surface-hover: #18150f;
    --color-surface-active: #1f1c14;
    --color-surface-sunken: #14110b;
    --color-text-secondary: #e8e6e3;
    --color-text-muted: #a8a39a;
    --color-text-subtle: #75716a;
    --color-text-disabled: #4f4b44;
    --color-border: #2a2620;
    --color-border-subtle: rgb(255 255 255 / 5%);
    --color-surface-border: rgb(255 255 255 / 7%);
  }

  /* light-pure */
  :root[data-theme="light-pure"] {
    --color-bg: #ffffff;
    --color-surface: #f5f5f7;
    --color-surface-hover: #ebebef;
    --color-surface-active: #e2e2e8;
    --color-surface-sunken: #ececf0;
    --color-text: #1d1d1f;
    --color-text-secondary: #424245;
    --color-text-muted: #6e6e73;
    --color-text-subtle: #8e8e93;
    --color-text-disabled: #b8b8bd;
    --color-border: #d2d2d7;
    --color-border-subtle: rgb(0 0 0 / 10%);
    --color-surface-border: rgb(0 0 0 / 8%);
    --color-overlay: rgb(0 0 0 / 50%);
    --color-accent-fg: oklch(55% 0.17 155deg);
    --color-chat-nick-1: #0369a1;
    --color-chat-nick-2: #a16207;
    --color-chat-nick-3: #15803d;
    --color-chat-nick-4: #7c3aed;
    --color-chat-nick-5: #c2410c;
    --color-prediction-hit-fg: oklch(48% 0.22 140deg);
    --color-prediction-miss-fg: oklch(52% 0.22 25deg);
    --shadow-lg: 0 8px 24px rgb(0 0 0 / 12%);
    --shadow-toast: 0 4px 24px rgb(0 0 0 / 15%);
  }

}