/* Overminds color system — verbatim from src/app/(frontend)/globals.css @theme.
   Dark-first brand: black canvas, one warm-red accent, a 3-step grey text ramp. */
:root {
  /* ---- Brand base ---- */
  --color-primary: #f22c36;        /* Warm Red — accent, CTA, hero background */
  --color-surface: #000000;        /* Black — primary background */
  --color-surface-raised: #111111; /* Darkest Grey — cards, elevated sections */
  --color-muted: #929296;          /* Grey — secondary text, borders, placeholders */
  --color-soft: #e6e6e6;           /* Luminous Grey — body text on dark */
  --color-foreground: #ffffff;     /* White — primary text, headings */

  /* ---- Off-black surface ramp (used in field-notes / forms) ---- */
  --color-surface-0a: #0a0a0a;     /* off-black panel */

  /* ---- Semantic aliases ---- */
  --bg: var(--color-surface);
  --bg-raised: var(--color-surface-raised);
  --text-primary: var(--color-foreground);
  --text-body: var(--color-soft);
  --text-muted: var(--color-muted);
  --accent: var(--color-primary);
  --on-accent: var(--color-surface);   /* text/icons on the red */

  /* ---- Hairlines (white-alpha over black) ---- */
  --line-1: rgba(255, 255, 255, 0.08); /* default divider */
  --line-2: rgba(255, 255, 255, 0.18); /* stronger divider, inputs */

  /* ---- Accent tints ---- */
  --accent-glow: rgba(242, 45, 54, 0.15);
  --accent-wash: rgba(242, 44, 54, 0.05); /* pullquote gradient start */
}