/*
  tokens.css is the only file in this project that may hold colour literals.
  Provenance of every colour below:
  - Source A: brand/LOGO WURDY PNG...png (RGBA, colourtype 6, 2000x2000). The 539822 fully opaque pixels
    were clustered with k-means (k=4, 30 iterations). Each centroid was then snapped to the nearest real
    pixel, coordinates in the comment are x,y in that file.
  - Source B: brand/LOGO WURDY PNG.png (opaque backdrop), background steps sampled along x=1000 and y=1000.
  - Source C: reference/SAMPUL WURDY JPG.jpg.jpeg (banner), mode of the quantised pixels inside each region,
    snapped to the closest real pixel in that mode.
  Motion values are measured from the reference page stylesheet and runtime transitions.
*/
:root {
  color-scheme: dark;

  --ink-0: #050a0d; /* C: backdrop at 32,0 */
  --ink-1: #061012; /* C: backdrop at 1197,386 */
  --ink-2: #0b1416; /* B: 1000,200 */
  --ink-3: #10201f; /* B: 1000,400 */
  --ink-4: #142625; /* B: 1000,500 */
  --halo: #244a44; /* B: 1000,1000, centre glow */

  --accent: #8beade; /* A: k-means centroid 139,234,222 snapped to 661,570 (light face) */
  --accent-2: #57b9ad; /* A: centroid 87,185,173 snapped to 949,597 */
  --accent-3: #4ea99e; /* A: centroid 78,169,158 snapped to 1211,762 (shaded blade) */
  --accent-hi: #6fefe2; /* C: banner mark at 424,162 */

  --text: #f5f9fc; /* C: wordmark at 854,175 */
  --text-3: #7c9cab; /* C: url line at 687,321 */
  --text-2: color-mix(in srgb, var(--text) 62%, var(--text-3));
  --text-4: color-mix(in srgb, var(--text-3) 55%, var(--ink-2));

  --glass: color-mix(in srgb, var(--ink-1) 72%, transparent);
  --glass-strong: color-mix(in srgb, var(--ink-1) 92%, transparent);
  --line: color-mix(in srgb, var(--text) 5%, transparent);
  --line-2: color-mix(in srgb, var(--text) 9%, transparent);
  --line-3: color-mix(in srgb, var(--text) 14%, transparent);
  --accent-line: color-mix(in srgb, var(--accent) 30%, transparent);
  --accent-wash: color-mix(in srgb, var(--accent) 6%, transparent);
  --accent-glow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 32px -8px color-mix(in srgb, var(--accent) 25%, transparent);
  --shadow-soft: 0 1px 0 0 color-mix(in srgb, var(--text) 3%, transparent) inset, 0 24px 48px -24px color-mix(in srgb, var(--ink-0) 75%, transparent);
  --nav-bg: color-mix(in srgb, var(--ink-0) 78%, transparent);
  --scrim: color-mix(in srgb, var(--ink-0) 55%, transparent);

  --font-display: "Inter Tight", "Inter", sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.12s;
  --t-base: 0.15s;
  --t-pop: 0.22s;
  --t-svg: 0.35s;
  --t-reveal: 0.6s;
  --t-marquee: 60s;
  --t-pulse: 0.9s;
  --t-fade: 0.18s;
  --t-shimmer: 1.4s;
  --t-mesh: 18s;
  --t-live: 1.8s;
  --t-flash: 0.9s;

  --tap: 44px;
}