/*
 * Madmask design tokens — DESIGN_GUIDELINES.md §2
 *
 * Prefixed with `0_` so Propshaft includes this stylesheet before `application*.css`
 * when using `stylesheet_link_tag :app` (paths are sorted alphabetically).
 */

:root {
  --color-bg-primary: #0a050f;
  --color-bg-secondary: #120b1a;
  --color-surface: #1e1528;
  --color-border: #2c1f3a;

  --color-text-primary: #f0e9f0;
  --color-text-secondary: #b9a9c9;
  /* Muted UI copy — WCAG AA on --color-bg-primary (~4.98:1) */
  --color-text-muted: #8578a0;
  --color-text-accent: #e85d5d;
  /* Form / validation errors (optional semantic token) */
  --color-danger: #e85d5d;

  --color-accent-1: #8b5f9e;
  --color-accent-2: #5d3a6b;
  --color-accent-glow: #b76fe0;
  --color-accent-cyber: #00c8b0;
  --color-accent-cyber-glow: #66fcf1;

  /* Product categories — DESIGN_GUIDELINES.md §2 */
  --color-category-fantasy: #9b6bb5;
  --color-category-horror: #b22234;
  --color-category-scifi: #4a90d9;
  --color-category-cyberpunk: #00c8b0;
  /* Bespoke / made-to-order — distinct warm gold */
  --color-category-custom: #c9a03d;

  --font-cascadia: "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  /* Unified typography: Cascadia Code everywhere */
  --font-anton: var(--font-cascadia);
  --font-cinzel: var(--font-cascadia);
  --font-orbitron: var(--font-cascadia);
  --font-inter: var(--font-cascadia);
  --font-jetbrains: var(--font-cascadia);
}