/* ──────────────────────────────────────────────────────────────────────────
   Design tokens — IVM product site.
   The single source of truth for color and typography. Consume anywhere with
   var(--token). Nothing here is component-specific; new pages should pull from
   this palette so the site stays coherent.
   ────────────────────────────────────────────────────────────────────────── */
:root {
  /* surfaces */
  --paper: #f2eee7;
  --panel: #fcfaf5;
  --white: #ffffff;

  /* ink — text, strongest → faintest */
  --ink:   #171411;
  --ink-d: #5f564b;
  --ink-f: #746a5d;

  /* hairlines */
  --line:  #d8cebc;
  --line2: #c7baa3;
  --dot:   #d8d0bd;

  /* accents */
  --orange: #ff4d00;
  --cobalt: #2a4ddb;
  --teal:   #04756b;
  --violet: #7a3ff2;
  --rose:   #cf2361;
  --gold:   #a06a06;

  /* typography */
  --font-sans: 'Hanken Grotesk', sans-serif;
  --font-mono: 'DM Mono', ui-monospace, monospace;
}