/* ============================================================
   THEME: INFERNO
   Mood: loud. Everything is heavier here — thicker rules, tighter
   tracking, a black condensed display face set almost solid, and
   twice as many embers moving twice as fast. The vignette breathes.
   Fonts: Anton (display) + Barlow Semi Condensed (body)
   ============================================================ */
[data-theme="inferno"] {
  --bg: #0d0503;
  --surface: #1a0906;
  --surface-2: #26100a;
  --surface-3: #35170f;
  --rim: rgba(255, 110, 60, 0.16);
  --rim-strong: rgba(255, 110, 60, 0.34);

  --accent: #ff4d29;
  --accent-2: #ff8b5c;
  --accent-dim: #5c1608;
  --support: #ffb020;
  --support-2: #ff2d55;

  --text: #fff0e8;
  --text-dim: #c09383;
  --text-dimmer: #9a7264;
  --on-accent: #0d0503;

  /* poster-weight condensed caps set tight, condensed body */
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow Semi Condensed', sans-serif;
  --display-weight: 400;
  --display-tracking: 0.005em;
  --display-transform: uppercase;
  --display-line: 0.95;
  --display-scale: 1.06;
  --body-weight: 500;
  --body-weight-strong: 700;
  --body-tracking: 0.008em;
  --body-line: 1.44;
  --body-scale: 1.04;

  /* barely-rounded, thick rules */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 10px;
  --border-w: 2px;

  --glow-alpha: 0.3;
  --glow-blur: 72px;
  --noise-opacity: 0.035;
  --panel-blur: 10px;
  --scanline-alpha: 0;
  --vignette-alpha: 0.42;
  --bloom-alpha: 0.2;

  --dur-fast: 100ms;
  --dur: 190ms;
  --dur-slow: 340ms;
  --float-amp: 8px;

  --particle-kind: ember;
  --particle-count: 34;
  --particle-min: 1.5;
  --particle-max: 6;
  --particle-speed: 5;
  --particle-drift: 52;
  --particle-opacity: 0.6;
  --particle-color: #ff6a2b;
}

/* Inferno-only flourish: display type sits in its own heat haze. */
[data-theme="inferno"] .display-hero {
  text-shadow:
    0 0 18px color-mix(in srgb, var(--accent) 55%, transparent),
    0 2px 0 color-mix(in srgb, var(--accent-dim) 80%, transparent);
}