:root {
  /* ---------------------------------------------------------------------
     Retrievia Systems.

     A restrained palette on purpose. The brief rules out the AI-agency look -
     neon gradients, glowing circuitry - so the site is built from near-black,
     a warm off-white and one signal colour. Everything that looks like data
     earns its colour; nothing else gets any.
     --------------------------------------------------------------------- */

  --ink: #0a0d12;          /* near-black, faintly blue: headings, dark panels */
  --ink-2: #141922;        /* a panel raised off the ink */
  --ink-3: #1d2430;        /* hairlines inside dark sections */
  --body: #3b4350;         /* body copy on light */
  --muted: #6c7686;        /* labels, captions, the second half of a sentence */
  --muted-dark: #8b94a3;   /* the same, on ink */

  --paper: #fbfaf8;        /* the page: warm, not clinical white */
  --surface: #ffffff;      /* cards that need to lift off the page */
  --wash: #f3f2ee;         /* a band that separates without a border */
  --line: #e4e2dc;         /* hairline on light */
  --line-strong: #d3d0c8;

  --accent: #2c43db;       /* the signal. Used for one thing at a time. */
  --accent-deep: #1f31a8;
  --accent-wash: #eef0fe;
  --accent-ink: #8fa0ff;   /* the signal, legible on ink */

  --positive: #0f7a6c;     /* a figure moving the right way */
  --positive-wash: #e7f4f1;
  --gap: #b0521a;          /* a shortfall. Never alarm red: this is a chart. */
  --gap-wash: #fbefe6;

  /* Type. A grotesque for everything, a mono for anything measured - the
     quickest way to read as instrumentation rather than marketing. */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --step--1: clamp(0.82rem, 0.8rem + 0.1vw, 0.88rem);
  --step-0: clamp(1rem, 0.97rem + 0.15vw, 1.06rem);
  --step-1: clamp(1.15rem, 1.1rem + 0.25vw, 1.3rem);
  --step-2: clamp(1.4rem, 1.3rem + 0.5vw, 1.75rem);
  --step-3: clamp(1.8rem, 1.6rem + 1vw, 2.4rem);
  --step-4: clamp(2.2rem, 1.8rem + 2vw, 3.4rem);
  --step-5: clamp(2.6rem, 2rem + 3.2vw, 4.4rem);

  --space: 1.25rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section: clamp(4rem, 9vw, 7.5rem);
  --measure: 62ch;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 2px rgb(10 13 18 / 0.05), 0 1px 3px rgb(10 13 18 / 0.04);
  --shadow-md: 0 4px 12px rgb(10 13 18 / 0.06), 0 12px 32px rgb(10 13 18 / 0.06);
  --shadow-lg: 0 24px 64px rgb(10 13 18 / 0.12);

  --container: 1200px;
  --container-tight: 860px;
}
