/* ============================================================================
   Design tokens. This is the ONLY file allowed to contain color literals
   (hex / rgb / hsl). Every other stylesheet must reference these variables.
   scripts/gates.mjs enforces this and fails the build if it finds a literal
   color anywhere else.

   Palette provenance — sampled from brand/LOGO ARCANE PNG...png (the alpha
   asset, 2000x2000, colorType 6) via k-means (k=6) over its opaque pixels,
   see scripts/palette-analysis.cjs for the exact run. Each value below is
   snapped to the real source pixel nearest its cluster centroid, not the
   averaged centroid itself.
   ========================================================================= */
:root {
  /* k-means cluster, n=2947 (largest), centroid #014cfd, snapped to real
     pixel (973,623) of brand/LOGO ARCANE PNG...png = #014cfd */
  --arc-blue: #014cfd;
  --arc-blue-hi: #0650fc; /* cluster n=129, pixel (1015,609) = #0650fc */

  /* k-means cluster, n=2321, centroid #ececed, snapped to real pixel
     (994,1092) of brand/LOGO ARCANE PNG...png = #ececed */
  --arc-white: #ececed;

  /* dominant fill of brand/LOGO ARCANE PNG.png (flattened export, colorType 2),
     k-means cluster n=42589 (largest), snapped to real pixel (0,0) = #00071d */
  --arc-ink: #00071d;

  --bg: var(--arc-ink);
  --bg-lift: color-mix(in srgb, var(--arc-ink) 80%, var(--arc-white) 20%);
  --text: var(--arc-white);
  --muted: color-mix(in srgb, var(--arc-white) 60%, transparent);
  --faint: color-mix(in srgb, var(--arc-white) 36%, transparent);
  --divider: color-mix(in srgb, var(--arc-white) 14%, transparent);
  --float-bg: color-mix(in srgb, var(--arc-ink) 74%, transparent);

  --accent: var(--arc-blue);
  --accent-hi: var(--arc-blue-hi);

  --radius: 16px;
  --radius-pill: 999px;
  --duration: .28s;
  --ease-out: cubic-bezier(.22, 1, .36, 1);

  --shell: min(1240px, 100% - clamp(32px, 8vw, 96px));

  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-head: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace;
}