/*
  The only file in this project that holds colour literals.
  Provenance: k-means over the brand assets (scripts/palette.mjs, seeded), each centroid snapped to
  the nearest real pixel. The trailing comment on each line is "source @x,y" and is re-read from the
  image by the palette gate. Everything else in the site references these variables or mixes them.
*/
:root {
  --ink: #0a1f1e; /* src=brand/LOGO ORIGIN PNG...png @908,585 logo outline */
  --leaf: #12a169; /* src=brand/LOGO ORIGIN PNG...png @982,568 logo mid green */
  --leaf-light: #7dce6d; /* src=brand/LOGO ORIGIN PNG...png @992,475 logo light green */
  --leaf-deep: #185c41; /* src=brand/LOGO ORIGIN PNG...png @906,952 logo deep green */
  --orange: #ff7f21; /* src=brand/LOGO ORIGIN PNG.png @0,0 logo field */
  --field: #02723e; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @47,0 banner ground */
  --field-mid: #03894b; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @1210,2 banner ground lit */
  --night: #13242a; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @433,76 banner card */
  --violet: #4737af; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @637,160 banner plate */
  --mint: #72c8a5; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @994,227 banner ring */
  --frost: #d8d9df; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @570,122 banner wordmark */
  --mist: #afb4bb; /* src=reference/SAMPUL ORIGIN JPG.jpg.jpeg @668,358 banner tagline */

  --bg: var(--night);
  --fg: var(--frost);
  --fg-quiet: var(--mist);
  --surface: color-mix(in srgb, var(--night) 88%, var(--frost));
  --surface-2: color-mix(in srgb, var(--night) 78%, var(--frost));
  --line: color-mix(in srgb, var(--night) 82%, var(--frost));
  --accent: var(--leaf);
  --accent-soft: color-mix(in srgb, var(--night) 82%, var(--leaf));
  --panel-green: color-mix(in srgb, var(--night) 70%, var(--field));
  --shadow: color-mix(in srgb, var(--ink) 55%, transparent);

  --radius-pill: 99px;
  --radius-card: 30px;
  --radius-panel: 24px;
  --ease-enter: cubic-bezier(0.2, 0.75, 0.3, 1);
  --ease-card: cubic-bezier(0.2, 0.7, 0.2, 1);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}