/*
  Ownr design tokens. The ONLY file allowed to hold colour literals.
  Provenance: k-means (k=8, seed 1) over opaque non-background pixels of
  brand/LOGO OWNR PNG...png (2000x2000 RGBA, colortype 6) and
  reference/SAMPUL OWNR JPG.jpg.jpeg and reference/OWNR 1.jpg.jpeg.
  Every centroid was snapped to the nearest real pixel; xy is that pixel.
*/
:root {
  /* cover, snapped k-means cluster, xy 424,263 */
  --paper: #fcfcfa;
  /* cover, xy 1365,233 (stat panel surface) */
  --panel: #f4f4f2;
  /* cover, xy 835,208 (wordmark ink) */
  --ink: #060709;
  /* cover, xy 65,240 (headline ink) */
  --ink-soft: #1b242b;
  /* cover, xy 857,352 (primary green on buttons and highlights) */
  --brand: #069955;
  /* slide 1, xy 362,312 (headline green) */
  --brand-hot: #03be63;
  /* logo, xy 1444,1116 (darkest readable green, text on paper) */
  --brand-deep: #1a7844;
  /* logo, xy 923,1223 (main fill) */
  --leaf: #56e388;
  /* logo, xy 1411,1209 (shade side) */
  --leaf-shade: #33c774;
  /* logo, xy 505,992 (specular) */
  --leaf-lit: #7df5ad;
  /* logo, xy 885,750 (pale highlight) */
  --leaf-pale: #caf8db;
  /* slide 1, xy 1005,548 (tint) */
  --mint: #d7fae2;
  /* cover, xy 1161,211 (tint) */
  --mint-grey: #c1e6d4;
  /* logo, xy 1123,1015 (outline ink) */
  --forest: #011d15;
  /* logo, xy 904,687 (outline ink, lighter) */
  --forest-lit: #022a1e;
  /* slide 1, xy 1085,418 */
  --forest-slide: #062418;

  /* derived only, no new literals */
  --bg: var(--paper);
  --fg: var(--ink);
  --muted: color-mix(in srgb, var(--ink) 66%, var(--paper));
  --faint: color-mix(in srgb, var(--ink) 48%, var(--paper));
  --line: color-mix(in srgb, var(--ink) 10%, var(--paper));
  --line-strong: color-mix(in srgb, var(--ink) 22%, var(--paper));
  --accent: var(--brand);
  --accent-text: var(--brand-deep);
  --accent-wash: color-mix(in srgb, var(--leaf) 16%, var(--paper));
  --shadow: color-mix(in srgb, var(--forest) 14%, transparent);
  --on-ink: var(--paper);

  --font-sans: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;
  --font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;

  /* measured off the reference at 1440 */
  --header-h: 56px;
  --container: 1320px;
  --gutter: 32px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-rise: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 150ms;
  --dur-rise: 500ms;
}

@media (max-width: 767px) {
  :root { --gutter: 16px; }
}