/* KNIP design tokens. Contrast ratios (WCAG 2.1) measured with tools/contrast.py:
   ink #0E0E0D on concrete #E7E6E1 ...... 15.5 : 1  (all text)
   concrete on ink ...................... 15.5 : 1  (all text)
   ink on orange #FF5A1F ................  6.2 : 1  (all text, buttons)
   concrete on orange ...................  2.5 : 1  (decorative only, never text)
   muted #65645F on concrete ............  4.7 : 1  (body text, inactive tabs)
   muted-dark #8F8E88 on ink ............  5.9 : 1  (footer small print)
*/
:root {
  --ink: #0e0e0d;
  --concrete: #e7e6e1;
  --paper: #f1f0ec;          /* lighter surface for drawers / inputs */
  --orange: #ff5a1f;         /* havenoranje: the one accent */
  --muted: #65645f;
  --muted-dark: #8f8e88;
  --line: #d3d2cc;           /* hairline grid on concrete */
  --line-dark: #2f2f2c;      /* hairline grid on ink */
  --fill-1: #34332f;         /* button wipe, first layer on ink buttons */
  --fill-1-light: #cfcec8;   /* first layer on light buttons */

  --f-display: "Archivo", "Arial Narrow", sans-serif;   /* used at wdth 62, wght 800 */
  --f-text: "Archivo", Arial, sans-serif;               /* wdth 100, wght 500 */
  --f-mono: "JetBrains Mono", ui-monospace, monospace;

  --gutter: 32px;
  --gap: 196px;

  --ease-io: cubic-bezier(.42, 0, .58, 1);       /* Webflow easeInOut */
  --ease-quart: cubic-bezier(.76, 0, .24, 1);    /* inOutQuart */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}