/*
  Single home for every colour literal in the project.
  Provenance: each value is a real pixel read from the brand files, not an invented shade.
  Method: k-means (k=6, seed 7, 80k sampled pixels) over "brand/LOGO LOTTO PNG.png", each centre snapped to the
  nearest real pixel; the coordinate below is that pixel (x,y). Black and near-black come from the transparent
  logo and the banner stills. Surfaces and lines are mixed from these tokens, never typed as new values.
  Rebuild with: python -I scripts/assets.py (writes src/assets/palette.json).
*/
:root {
  --c-black: #000000; /* brand/LOGO LOTTO PNG...png (937,540), glyph interior */
  --c-near: #050505;  /* reference/LOTTO 1.jpg.jpeg (940,0), banner ink */
  --c-g28: #282828;   /* brand/LOGO LOTTO PNG.png k-means, snapped (937,546) */
  --c-g69: #696969;   /* brand/LOGO LOTTO PNG.png k-means, snapped (893,586) */
  --c-g9f: #9f9f9f;   /* brand/LOGO LOTTO PNG.png k-means, snapped (875,603) */
  --c-gc8: #c8c8c8;   /* brand/LOGO LOTTO PNG.png k-means, snapped (931,547) */
  --c-white: #fefefe; /* brand/LOGO LOTTO PNG.png (0,0), the logo field */

  --bg: var(--c-black);
  --bg-soft: var(--c-near);
  --ink: var(--c-white);
  --ink-2: var(--c-gc8);
  --ink-3: var(--c-g9f);
  --ink-4: var(--c-g69);
  --ink-on: var(--c-black);

  --raise: color-mix(in srgb, var(--c-white) 4%, var(--c-black));
  --raise-2: color-mix(in srgb, var(--c-white) 7%, var(--c-black));
  --raise-3: color-mix(in srgb, var(--c-white) 10%, var(--c-black));
  --fill: color-mix(in srgb, var(--c-white) 4%, transparent);
  --fill-2: color-mix(in srgb, var(--c-white) 7%, transparent);
  --line-soft: color-mix(in srgb, var(--c-white) 7%, transparent);
  --line: color-mix(in srgb, var(--c-white) 10%, transparent);
  --line-2: color-mix(in srgb, var(--c-white) 16%, transparent);
  --line-3: color-mix(in srgb, var(--c-white) 26%, transparent);
  --line-card: color-mix(in srgb, var(--c-g69) 26%, transparent);
  --line-card-hover: color-mix(in srgb, var(--c-g9f) 46%, transparent);
  --glow: color-mix(in srgb, var(--c-white) 13%, transparent);

  /* type */
  --font-pixel: "VT323", "Geist Mono", ui-monospace, "Courier New", monospace;
  --font-ui: "Geist", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --track-label: 0.1em;

  /* shape, measured from the reference stylesheet */
  --r-xs: 5px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-card: 16px;
  --r-tcard: 21px;
  --r-panel: 24px;
  --r-pill: 9999px;

  /* layout, measured from the reference stylesheet */
  --container: 1400px;
  --gutter: 24px;
  --section-y: 64px;
  --nav-h: 52px;
  --top-offset: 156px;

  /* motion, measured from the reference stylesheet */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-ui: cubic-bezier(0.2, 0.75, 0.25, 1);
  --ease-pulse: cubic-bezier(0.4, 0, 0.6, 1);
}
@media (min-width: 1024px) {
  :root { --gutter: 48px; }
}
@media (min-width: 1081px) {
  :root { --nav-h: 64px; --top-offset: 164px; }
}