/* ============================================================================
   rglw — TONE: scarlet (stark red)
   ----------------------------------------------------------------------------
   Vivid pure-red that leads over clean grayscale surfaces — a stark, minimal
   look. It inherits the base neutrals (like `default`), so the red reads against
   plain white / near-black rather than red-tinted darks. A graphite --accent-2
   keeps the red-on-monochrome contrast. Brighter and cleaner than blood-red's
   crimson-on-red-black. Pair with tokens.base.css.
   ============================================================================ */
:root {
  /* restrained solid accents — vivid scarlet, graphite secondary */
  --accent: #d4101a;
  --accent-fg: #ffffff;
  --accent-2: #33373e;

  /* gradient ramp — lightest → deepest */
  --ramp-1: #ff7a5c;
  --ramp-2: #f72f2a;
  --ramp-3: #d4101a;
  --ramp-4: #9c0f14;

  --grad-main: linear-gradient(100deg, #ff7a5c, #f72f2a, #d4101a, #9c0f14);
  --grad-accent: linear-gradient(120deg, #f72f2a, #9c0f14);

  /* buttons — SOLID scarlet, red glow */
  --btn-bg: #d4101a;
  --btn-bg-hover: #ba0d16;
  --btn-bg-active: #9c0f14;
  --btn-fg: #ffffff;
  --btn-shadow: 0 8px 22px -10px rgba(247, 47, 42, 0.55);
  --btn-shadow-hover: 0 12px 26px -10px rgba(255, 90, 80, 0.8);
  --btn-shadow-soft: 0 9px 24px -12px rgba(247, 47, 42, 0.42);

  --glow: rgba(212, 16, 26, 0.22);
}

:root[data-theme="dark"] {
  --accent: #ff5a4f;         /* brightened scarlet for contrast on dark */
  --accent-fg: #2a0606;
  --accent-2: #c5cad2;       /* light graphite */
  --glow: rgba(255, 90, 80, 0.26);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent: #ff5a4f;
    --accent-fg: #2a0606;
    --accent-2: #c5cad2;
    --glow: rgba(255, 90, 80, 0.26);
  }
}