/* Index Industries — design tokens
   Remapped to the Integrated Biosciences design system (Refero Styles):
   Abyssal Ink #222f30 · Bioluminescent Lime #cef79e · Aspekta 400 · Roboto Mono 13px */
:root {
  /* Colour (exact template tokens) */
  --ink: #222f30;            /* Abyssal Ink: headings, nav, dark sections */
  --bg: #f7f7f5;             /* light canvas */
  --surface: #ffffff;        /* cards */
  --surface-2: #e7e8e1;      /* pale surfaces */
  --surface-3: #eeeeee;
  --lime: #cef79e;           /* Bioluminescent Lime accent + active fill */
  --lime-strong: #dfffbc;    /* lime hover tint */
  --slate: #4d5757;          /* secondary text + 1px borders */
  --sage: #c9cbbe;           /* pale sage: ghost borders, dates */
  --teal: #445e5f;           /* mid teal fills */
  --black: #000000;          /* footer */

  --on-dark: #ffffff;
  --on-dark-soft: #c9cbbe;
  --border: #4d5757;
  --border-soft: #e7e8e1;
  --border-on-dark: rgba(201, 203, 190, 0.55); /* field boundaries on ink — ≥3:1 (WCAG 1.4.11) */

  /* Type (template: Aspekta 400 display + Roboto Mono 13 micro-labels) */
  --font-display: "Aspekta", "Inter Tight", Helvetica, Arial, sans-serif;
  --font-body: "Aspekta", "Inter Tight", Helvetica, Arial, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Shape (template radii: 8 nav · 12 buttons/fields · 16 images · 20 cards · 9999 pills; no shadows) */
  --radius-nav: 8px;
  --radius-btn: 12px;
  --radius-img: 16px;
  --radius-card: 20px;
  --radius-section: 40px;
  --radius-pill: 9999px;
  --pad-pill: 8px 16px;
  --border-w: 1px;

  /* Rhythm (8px base, base-18 type) */
  --space-1: 8px;  --space-2: 15px; --space-3: 20px; --space-4: 30px;
  --space-5: 50px; --space-6: 80px; --space-7: 140px;
  --max-w: 1200px;
  --header-h: 64px;
  --ticker-h: 36px;
}