:root {
  --paper: #eef3f0;
  --surface: #ffffff;
  --ink: #12231c;
  --ink-soft: #46584f;
  --grid: #c6d3cc;
  --head: #dde7e1;
  --head-hl: #bcd9c8;
  --green: #13613a;
  --green-deep: #0c4528;
  --green-wash: #d9ede1;
  --signal: #f5cf3f;
  --error: #b93a1c;
  --error-wash: #fbe6e0;
  --focus: #1b5fd1;
  --signal-wash: #fdf5d3;
  --star: #a36c00; /* earned star on light surfaces, 4.4:1 against --surface */

  /* chart series, each at least 4.5:1 against --surface so white slice labels stay readable */
  --series-1: #13613a;
  --series-2: #b0600a;
  --series-3: #2f6bb3;
  --series-4: #8e3f8c;
  --series-5: #6b5b14;
  --series-6: #4f5b66;

  --font-display: 'Bricolage Grotesque', 'Be Vietnam Pro', system-ui, sans-serif;
  --font-body: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --text-body: clamp(0.97rem, 0.93rem + 0.2vw, 1.06rem);
  --text-title: clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem);
  --text-brand: clamp(2rem, 1.2rem + 3.4vw, 3.6rem);

  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: clamp(2.5rem, 2rem + 3vw, 5rem);

  --duration-fast: 150ms;
  --duration-normal: 320ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}