/* ============================================================
   CULLTRON — AMBIENT LIGHT TOKENS (extends colors.css/effects.css)
   One hue drives the whole "interior lighting" of a surface, like a
   car's 64-colour ambient strip. Set --amb-h on :root (ambient.js
   does this from the picker) and every glow, edge and bloom follows.
   Default hue 195 = the signature Gridlight cyan.
   Any app can adopt the look by loading this file after effects.css.
   ============================================================ */
:root{
  --amb-h:195;                       /* @kind other: 0–360 hue */
  --amb-rgb:0 212 255;               /* @kind other: sRGB triple of --amb, for rgb(var(--amb-rgb) / a) in inline styles and SVG; ambient.js keeps it in sync */
  --amb-c:.15;                       /* @kind other: chroma */
  --amb:oklch(.82 var(--amb-c) var(--amb-h));          /* the light itself */
  --amb-bright:oklch(.9 calc(var(--amb-c)*.8) var(--amb-h));
  --amb-deep:oklch(.55 var(--amb-c) var(--amb-h));
  --amb-2:oklch(.72 .16 calc(var(--amb-h) + 70));      /* companion hue for gradients */
  --amb-a08:oklch(.82 var(--amb-c) var(--amb-h) / .08);
  --amb-a16:oklch(.82 var(--amb-c) var(--amb-h) / .16);
  --amb-a28:oklch(.82 var(--amb-c) var(--amb-h) / .28);
  --amb-a45:oklch(.82 var(--amb-c) var(--amb-h) / .45);
  --amb-ink:#03131c;                 /* text on --amb fills: AA on every hue (L .82) */
  /* edge lighting: a lit strip along a surface edge */
  --amb-edge:linear-gradient(90deg,transparent,var(--amb-a45) 20%,var(--amb) 50%,var(--amb-a45) 80%,transparent);
  /* bloom: layered soft shadows, tight core + wide halo */
  --amb-bloom-sm:0 0 0 1px var(--amb-a16),0 0 18px -4px var(--amb-a45);
  --amb-bloom:0 0 0 1px var(--amb-a28),0 0 24px -6px var(--amb-a45),0 0 70px -20px var(--amb-a45),0 24px 60px -30px rgba(0,0,0,.9);
  --amb-glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  --amb-glass-blur:blur(16px) saturate(140%);
  --amb-dur-trail:9s;
  /* route the existing Gridlight accent through the ambient hue */
  --accent:var(--amb);--accent-bright:var(--amb-bright);
  --accent-soft:var(--amb-a16);--fill-accent:var(--amb-a08);--fill-accent-strong:var(--amb-a16);
  --line:oklch(.82 var(--amb-c) var(--amb-h) / .18);--line-soft:var(--amb-a08);--line-strong:oklch(.82 var(--amb-c) var(--amb-h) / .4);
  --glow:0 0 18px var(--amb-a45),0 0 2px var(--amb);--glow-soft:0 0 22px var(--amb-a28);
  --glow-btn:0 0 22px var(--amb-a45);--glow-text:0 0 18px var(--amb-a45);--glow-focus:0 0 0 3px var(--amb-a16);
}
@supports not (color:oklch(0 0 0)){:root{--amb:#00d4ff;--amb-bright:#6be4ff;--amb-deep:#0090b8;--amb-2:#b86bff;--amb-a08:rgba(0,212,255,.08);--amb-a16:rgba(0,212,255,.16);--amb-a28:rgba(0,212,255,.28);--amb-a45:rgba(0,212,255,.45)}}
