/* Iron Forge — Effects Tokens
   Shadows, glows, border radii, and transitions.
   Heavy aesthetic: deep opaque shadows, narrow glow radii, nearly-square corners. */

:root {
  /* ─── Drop Shadows ────────────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.40);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.60);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.80);
  --shadow-xl: 0 16px 60px rgba(0, 0, 0, 0.90);

  /* ─── Crimson Glows ───────────────────────────────── */
  --glow-crimson-sm: 0 0 8px  rgba(196, 30, 58, 0.30);
  --glow-crimson-md: 0 0 20px rgba(196, 30, 58, 0.50);
  --glow-crimson-lg: 0 0 40px rgba(196, 30, 58, 0.70);

  /* ─── Gold Glows ──────────────────────────────────── */
  --glow-gold-sm: 0 0 8px  rgba(201, 146, 42, 0.30);
  --glow-gold-md: 0 0 20px rgba(201, 146, 42, 0.50);

  /* ─── Border Radii ────────────────────────────────── */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   6px;
  --radius-pill: 999px;

  /* ─── Transitions ─────────────────────────────────── */
  --transition-fast:    0.10s ease; /* @kind other */
  --transition-default: 0.20s ease; /* @kind other */
  --transition-slow:    0.35s ease; /* @kind other */

  /* ─── Border Widths ───────────────────────────────── */
  --border-thin:    1px;
  --border-default: 1px;
  --border-thick:   2px;
}