/* ======================================================================
   LZK TOKENS — BLACK CANON (FIX)
   ----------------------------------------------------------------------
   This file provides concrete values for core color/opacity tokens.
   It intentionally does NOT change layout/typography—only resolves vars.
   Loaded after other CSS so self-referential var() fallbacks resolve.
   ====================================================================== */

:root{
  /* Base colors */
  --c-black: #000000;
  --c-white: #ffffff;
  --c-ink:   #111111;

  /* Named near-blacks used in legacy code */
  --c-black-0b: #0b0b0b;
  --c-black-0c: #0c0c0c;
  --c-black-0f: #0f0f0f;
  --c-black-1f: #1f1f1f;

  /* White overlays (rgba ladder) */
  --w-00: rgba(255,255,255,0);
  --w-02: rgba(255,255,255,.02);
  --w-03: rgba(255,255,255,.03);
  --w-04: rgba(255,255,255,.04);
  --w-05: rgba(255,255,255,.05);
  --w-06: rgba(255,255,255,.06);
  --w-07: rgba(255,255,255,.07);
  --w-08: rgba(255,255,255,.08);
  --w-10: rgba(255,255,255,.10);
  --w-12: rgba(255,255,255,.12);
  --w-14: rgba(255,255,255,.14);
  --w-16: rgba(255,255,255,.16);
  --w-18: rgba(255,255,255,.18);
  --w-22: rgba(255,255,255,.22);
  --w-25: rgba(255,255,255,.25);
  --w-32: rgba(255,255,255,.32);
  --w-35: rgba(255,255,255,.35);
  --w-52: rgba(255,255,255,.52);
  --w-55: rgba(255,255,255,.55);
  --w-60: rgba(255,255,255,.60);
  --w-70: rgba(255,255,255,.70);
  --w-72: rgba(255,255,255,.72);
  --w-78: rgba(255,255,255,.78);
  --w-92: rgba(255,255,255,.92);
  --w-95: rgba(255,255,255,.95);

  /* Black overlays (rgba ladder) */
  --b-00: rgba(0,0,0,0);
  --b-08: rgba(0,0,0,.08);
  --b-10: rgba(0,0,0,.10);
  --b-12: rgba(0,0,0,.12);
  --b-18: rgba(0,0,0,.18);
  --b-22: rgba(0,0,0,.22);
  --b-28: rgba(0,0,0,.28);
  --b-35: rgba(0,0,0,.35);
  --b-45: rgba(0,0,0,.45);
  --b-50: rgba(0,0,0,.50);
  --b-55: rgba(0,0,0,.55);
  --b-60: rgba(0,0,0,.60);
  --b-65: rgba(0,0,0,.65);
  --b-70: rgba(0,0,0,.70);
  --b-72: rgba(0,0,0,.72);
  --b-75: rgba(0,0,0,.75);
  --b-78: rgba(0,0,0,.78);
  --b-86: rgba(0,0,0,.86);
  --b-88: rgba(0,0,0,.88);
  --b-90: rgba(0,0,0,.90);
  --b-96: rgba(0,0,0,.96);

  /* A couple of semantic helpers used by some pages */
  --ink-92: rgba(17,17,17,.92);
}


/* =========================================================
   MODAL SAFETY OVERRIDE (must win cascade)
   - Fix: modal audio plays but modal invisible behind layers
   - Applies to both #video-modal and #brand-modal (Golubo)
   ========================================================= */
.modal{ z-index:20000 !important; }