/* ireel design tokens — "theater": warm black, warm-cast neutrals, one lamp-coloured accent.
   Every template's inline CSS reads these; do not redefine :root in templates. */
:root{
  --bg:#070503; --bg2:#0b0806;
  --c1:#120d09; --c2:#19120d; --c3:#221a13;
  --ink:#f7efe4; --muted:#b7a999; --dim:#7f7366;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.05); --surface:rgba(255,255,255,.025);
  --accent:#ffb224; --acc2:#ff8a3c; --hi:#ffd27a; --acc-deep:#8a4b16; --acc-rgb:255,178,36; --on-acc:#1a0d00;
  --heat:linear-gradient(100deg,#ffb224,#ff8a3c 55%,#ff6a4a);
  --good:#5fd08b; --cyan:#22d3ee; --live:#ff4d4d;
  color-scheme:dark;
}
html{background:var(--bg)}
/* film grain over everything — kills the flat-gradient look */
body::after{content:'';position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:rgba(var(--acc-rgb),.35);color:#fff}
/* accent text helper */
.heat{background:var(--heat);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}