/* ============================================================
   CARTELLIGENCE — DESIGN TOKENS v2.0
   Light system: green on white (marketing)
   Usage: import once at the root of any web property.
   Supersedes v1 colour/shape rules. Typography unchanged.
   ============================================================ */

:root {
  /* ---- Colour: core ---- */
  --paper:          #FFFFFF;  /* all backgrounds. White, never bone */
  --ink:            #111113;  /* headlines and body */
  --ink-secondary:  #5A564F;  /* card body copy, labels, footnotes */
  --forest:         #1B5E44;  /* weight + authority: accent word, headers, big figures, solid blocks */
  --green:          #17B978;  /* highlighter: figures on dark ground, 2.5pt spines. Small doses only */

  /* ---- Colour: derived ---- */
  --tint:           rgba(23, 185, 120, 0.08);   /* card + stat fills. Always green, never grey/beige */
  --tint-solid:     #ECF9F4;                     /* email-safe equivalent of --tint on white */
  --hairline:       rgba(17, 17, 19, 0.12);      /* 0.6pt rules only. No borders, no shadows */
  --hairline-solid: #E2E2E3;                     /* email-safe equivalent on white */

  /* ---- Colour: functional aliases ---- */
  --surface:        var(--paper);
  --accent:         var(--forest);   /* the workhorse */
  --accent-bright:  var(--green);    /* the highlighter: dark ground or spines only */

  /* ---- Typography (unchanged from v1) ---- */
  --font-display: "Clash Display", "Archivo", sans-serif;
  --font-body:    "Archivo", sans-serif;
  --font-mono:    "Space Mono", monospace;

  --text-hero:  clamp(3rem, 8vw, 7rem);
  --text-h2:    clamp(2.25rem, 5vw, 4rem);
  --text-h3:    clamp(1.375rem, 2.5vw, 1.75rem);
  --text-body:  1.0625rem;
  --text-micro: 0.625rem;   /* mono caps labels only */

  --tracking-hero: -0.035em;
  --tracking-head: -0.02em;
  --tracking-caps: 0.18em;
  --leading-tight: 0.95;
  /* Figures: always tabular (font-feature-settings: "tnum") so numbers align */

  /* ---- Shape ---- */
  --radius: 0;                              /* zero radius everywhere: cards, tiles, photos, pills, blocks */
  --spine:  2.5pt solid var(--green);       /* cards take a left spine, never a full border */
  --rule:   0.6pt solid var(--hairline);    /* structure by rules + whitespace */

  /* ---- Motion (unchanged) ---- */
  --ease-fluid: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-med: 700ms;
  --dur-slow: 900ms;
}

/* v2 texture note: the v1 halftone is retired on marketing surfaces.
   Texture comes from hairline rules, green tints and whitespace. */