/*
  Design tokens. The only stylesheet allowed to hold colour literals.
  Provenance: k-means (k=9, seed 7) over every 8th pixel of brand/LOGO RELIC PNG.png,
  each centroid snapped to the nearest real pixel. (x,y) is that pixel in the 2000x2000 asset.
  Cream-hi is the dominant opaque pixel of the cutout brand/LOGO RELIC PNG...png.
  Machine-readable copy: src/palette.json (verified against the asset by the gates).
*/
:root {
  --c-cream-hi: #fef1cc; /* cutout (637,1050), 25.96% of opaque cutout pixels */
  --c-cream: #f4e9c0;    /* scene (1570,284), 24.30% */
  --c-sage-lt: #b1bf90;  /* scene (1045,78), 9.97% */
  --c-sage: #8ea97b;     /* scene (294,397), 7.79% */
  --c-sage-dp: #7a9b6f;  /* scene (129,518), 7.63% */
  --c-olive: #93a159;    /* scene (1699,21), 5.96% */
  --c-leaf: #708b53;     /* scene (1809,3), 9.90% */
  --c-fern: #5a7b4e;     /* scene (11,403), 11.95% */
  --c-moss: #476a46;     /* scene (1993,83), 13.26% */
  --c-pine: #36573e;     /* scene (1975,191), 9.23% */

  --paper: var(--c-cream-hi);
  --paper-2: var(--c-cream);
  --ink: var(--c-pine);
  --ink-2: var(--c-moss);
  --stroke: var(--c-pine);
  --page: var(--c-sage-lt);
  --accent: var(--c-olive);
  --accent-soft: color-mix(in srgb, var(--c-olive) 38%, var(--c-cream-hi));
  --tile: color-mix(in srgb, var(--c-sage-lt) 42%, var(--c-cream-hi));
  --tile-2: color-mix(in srgb, var(--c-sage-lt) 62%, var(--c-cream-hi));
  --line: color-mix(in srgb, var(--c-fern) 45%, var(--c-cream-hi));
  --shade: color-mix(in srgb, var(--c-pine) 14%, transparent);
  --flash: color-mix(in srgb, var(--c-olive) 55%, var(--c-cream-hi));
  --album: var(--c-moss);
  --album-ink: var(--c-cream-hi);
  --album-alt: var(--c-leaf);
  --album-alt-edge: var(--c-pine);

  --tile-a: var(--c-sage);
  --tile-b: var(--c-olive);
  --tile-c: var(--c-fern);
  --tile-d: var(--c-sage-dp);
  --tile-e: var(--c-leaf);
  --tile-f: var(--c-moss);

  --font: 'Pixelify Sans', 'Courier New', monospace;

  --ease-reel: cubic-bezier(.1, .6, .18, 1);
  --t-hover: .18s;
  --t-press: .1s;
}