/* ============================================================
   THEME: SOLAR
   Mood: sun-cult, not sunshine. Warm ember-brown ground, amber
   and burnt-orange light, a Roman serif for display — the only
   theme in the set that isn't a sans, so it never gets confused
   with the others even in a screenshot. Big slow dust motes.
   Fonts: Cinzel (display) + Outfit (body)
   ============================================================ */
[data-theme="solar"] {
  --bg: #100a04;
  --surface: #1c1209;
  --surface-2: #261a0e;
  --surface-3: #332414;
  --rim: rgba(255, 176, 32, 0.12);
  --rim-strong: rgba(255, 176, 32, 0.26);

  --accent: #ffb020;
  --accent-2: #ffd37a;
  --accent-dim: #5c3d05;
  --support: #ff6b35;
  --support-2: #ffe066;

  --text: #fff3de;
  --text-dim: #bda285;
  --text-dimmer: #967f66;
  --on-accent: #100a04;

  /* carved Roman caps over a humanist geometric body */
  --font-display: 'Cinzel', Georgia, serif;
  --font-body: 'Outfit', sans-serif;
  --display-weight: 700;
  --display-tracking: 0.07em;
  --display-transform: uppercase;
  --display-line: 1.18;
  --display-scale: 0.8;
  --body-weight: 400;
  --body-weight-strong: 600;
  --body-tracking: 0.005em;
  --body-line: 1.66;
  --body-scale: 0.98;

  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --border-w: 1px;

  --glow-alpha: 0.26;
  --glow-blur: 96px;
  --noise-opacity: 0.04;
  --panel-blur: 14px;
  --scanline-alpha: 0;
  --vignette-alpha: 0.26;
  --bloom-alpha: 0.24;

  --dur-fast: 170ms;
  --dur: 320ms;
  --dur-slow: 600ms;
  --float-amp: 7px;

  --particle-kind: mote;
  --particle-count: 16;
  --particle-min: 6;
  --particle-max: 16;
  --particle-speed: 16;
  --particle-drift: 34;
  --particle-opacity: 0.3;
  --particle-color: #ffc861;
}

/* Solar-only flourish: display type catches the light from above. */
[data-theme="solar"] .display-hero {
  background: linear-gradient(175deg, var(--accent-2) 0%, var(--accent) 52%, var(--support) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}