/* Luzomaks Brand Kit tokens. Source: Luzomaks Brand Kit (tokens.json).
   Do not add colours that are not here. */
:root {
  /* Core palette */
  --carbon: #141414;
  --paper: #FBFBF8;
  --white: #FFFFFF;
  --graphite: #2E2E2B;
  --stone: #5E5E59;
  --ash: #8A8A85;
  --mist: #D4D3CE;
  --bone: #EDEDE9;
  --ink: #1F2A48;
  --ink-wash: #E9EBF0;
  --signal: #B3261E;

  /* Semantic roles */
  --surface: var(--paper);
  --surface-raised: var(--white);
  --surface-inverse: var(--carbon);
  --text: var(--carbon);
  --text-secondary: var(--stone);
  --text-muted: var(--ash);
  --text-inverse: var(--bone);
  --rule: var(--mist);
  --rule-strong: var(--carbon);
  --accent: var(--ink);
  --accent-wash: var(--ink-wash);

  /* Type */
  --font-display: "Jost", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Spacing (8px rhythm) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* Shape */
  --radius-0: 0px;
  --radius-dot: 999px;
  --hairline: 1px;
  --stroke: 1.5px;
  --heavy: 2px;

  /* Layout */
  --content-max: 1120px;
  --text-max: 640px;
}