/**
 * Design tokens (colors, surfaces, RGB tuples for rgba()).
 * Loaded before assets/css/style.css — required for var(--*) references there.
 */
:root {
  --phl-header-h: 60px;

  --phl-red-rgb: 255, 42, 42;
  --phl-yellow-rgb: 255, 214, 102;
  --phl-gold-rgb: 255, 196, 90;

  --bg0: #070708;
  --bg1: #0e0e12;

  --text: rgba(255, 255, 255, 0.92);
  --muted: rgba(255, 255, 255, 0.62);

  --phl-page-bg:
    radial-gradient(120% 90% at 50% -15%, rgba(var(--phl-red-rgb), 0.14), transparent 52%),
    radial-gradient(90% 60% at 85% 0%, rgba(var(--phl-yellow-rgb), 0.06), transparent 48%),
    linear-gradient(180deg, #0a0a10 0%, #070708 42%, #060606 100%);

  /* Layered with page palette — not flat black */
  --phl-header-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, transparent 42%),
    radial-gradient(120% 140% at 8% -30%, rgba(var(--phl-red-rgb), 0.16), transparent 52%),
    radial-gradient(90% 100% at 92% 0%, rgba(var(--phl-yellow-rgb), 0.09), transparent 48%),
    linear-gradient(95deg, #12101c 0%, #0e0c14 38%, #0a090f 100%);

  /* Bottom-anchored glows — mirrors header palette, blends into page */
  --phl-footer-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, transparent 40%),
    radial-gradient(110% 100% at 14% 100%, rgba(var(--phl-red-rgb), 0.15), transparent 58%),
    radial-gradient(110% 100% at 88% 100%, rgba(var(--phl-yellow-rgb), 0.09), transparent 52%),
    linear-gradient(185deg, #100e18 0%, #0c0a12 45%, #07060d 100%);

  --phl-surface: rgba(255, 255, 255, 0.04);
  --phl-surface-2: rgba(10, 10, 14, 0.96);

  --phl-hero-overlay:
    linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.12)),
    radial-gradient(95vw 70vw at 50% 22%, rgba(var(--phl-red-rgb), 0.12), transparent 55%),
    radial-gradient(95vw 70vw at 85% 0%, rgba(var(--phl-yellow-rgb), 0.08), transparent 52%);

  --phl-panel-sheen:
    linear-gradient(165deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));

  --phl-accent-bar-gold: linear-gradient(90deg, rgba(var(--phl-gold-rgb), 0.95), rgba(var(--phl-yellow-rgb), 0.75));

  --phl-carbon-base: #0b0b0f;
  --phl-carbon-stripe: rgba(255, 255, 255, 0.04);

  --phl-make-hue: 200;
}