/* THE tokens file. Every colour literal in the project lives here and nowhere else.
   PALETTE PROVENANCE: sampled from the real brand assets by scripts/sample-palette.py.
   Method: k-means (k=6, seed 7) centroids SNAPPED to the nearest real pixel, or the modal exact colour
   of a flat region. Each line below names the file and the (x,y) pixel it was read from.
   Verified by gates against scripts/palette.lock.json (and against the PNG pixels themselves). */
:root{
  /* --- sampled (literals) --- */
  --bg:#1e131b; /* reference/FUSE 1.jpg.jpeg @(1515,470) modal exact colour of the slide background */
  --ink:#170d15; /* reference/FUSE 1.jpg.jpeg @(261,360) modal exact colour of the darkest halo */
  --panel:#361928; /* brand/LOGO FUSE PNG.png @(0,752) kmeans k=6 seed=7, gradient bg, darkest 3, snapped */
  --panel-hi:#532838; /* brand/LOGO FUSE PNG.png @(72,144) kmeans k=6 seed=7, gradient bg, darkest 3, snapped */
  --chip:#733b47; /* brand/LOGO FUSE PNG.png @(504,72) kmeans k=6 seed=7, gradient bg, darkest 3, snapped */
  --text:#ffffff; /* reference/FUSE 1.jpg.jpeg @(582,326) modal exact colour of the heading text */
  --muted:#bfbac0; /* reference/FUSE 1.jpg.jpeg @(564,365) modal exact colour of the footer text */
  --copper-1:#763c3c; /* brand/LOGO FUSE PNG...png @(1196,880) kmeans k=6 seed=7, alpha==255 px, snapped */
  --copper-2:#a05c54; /* brand/LOGO FUSE PNG...png @(846,1183) kmeans k=6 seed=7, alpha==255 px, snapped */
  --copper-3:#be796a; /* brand/LOGO FUSE PNG...png @(1104,999) kmeans k=6 seed=7, alpha==255 px, snapped */
  --copper-4:#dd9881; /* brand/LOGO FUSE PNG...png @(1227,721) kmeans k=6 seed=7, alpha==255 px, snapped */
  --copper-5:#f3bb9d; /* brand/LOGO FUSE PNG...png @(1271,706) kmeans k=6 seed=7, alpha==255 px, snapped */
  --copper-6:#fce2c5; /* brand/LOGO FUSE PNG...png @(1336,667) kmeans k=6 seed=7, alpha==255 px, snapped */
  /* --- roles (aliases of sampled colours) --- */
  --accent:var(--copper-5);
  --on-accent:var(--bg);
  --text-em:var(--copper-5);
  --text-soft:var(--copper-6);
  --text-chip:var(--copper-6);
  --text-mid:var(--muted);
  --faint:var(--copper-3);
  --panel-lo:var(--bg);
  --dropdown:var(--panel);
  --select-bg:var(--panel);
  /* --- derived (mixes of sampled colours, no new literals) --- */
  --bg-deep:color-mix(in srgb,var(--bg) 60%,var(--ink));
  --bg-clear:color-mix(in srgb,var(--bg) 0%,transparent);
  --field:color-mix(in srgb,var(--bg) 55%,var(--ink));
  --header-bg:color-mix(in srgb,var(--bg) 70%,transparent);
  --menu-bg:color-mix(in srgb,var(--bg) 96%,transparent);
  --bar-bg:color-mix(in srgb,var(--bg-deep) 88%,transparent);
  --a-02:color-mix(in srgb,var(--text) 2%,transparent);
  --a-04:color-mix(in srgb,var(--text) 4%,transparent);
  --a-05:color-mix(in srgb,var(--text) 5%,transparent);
  --a-06:color-mix(in srgb,var(--text) 6%,transparent);
  --a-08:color-mix(in srgb,var(--text) 8%,transparent);
  --line:color-mix(in srgb,var(--text) 10%,transparent);
  --a-12:color-mix(in srgb,var(--text) 12%,transparent);
  --a-15:color-mix(in srgb,var(--text) 15%,transparent);
  --a-20:color-mix(in srgb,var(--text) 20%,transparent);
  --a-25:color-mix(in srgb,var(--text) 25%,transparent);
  --flash-up:color-mix(in srgb,var(--accent) 38%,transparent);
  --flash-down:color-mix(in srgb,var(--copper-1) 60%,transparent);
  --skel-a:color-mix(in srgb,var(--text) 5%,transparent);
  --skel-b:color-mix(in srgb,var(--text) 13%,transparent);
  --k-18:color-mix(in srgb,var(--ink) 40%,transparent);
  --shadow:color-mix(in srgb,var(--ink) 55%,transparent);
  --shadow-deep:color-mix(in srgb,var(--ink) 85%,transparent);
  color-scheme:dark;
}