/* Steady Bearing design tokens: Chart Paper. All colours, fonts and sizes live here. */
:root {
  --paper: oklch(93% 0.02 215);
  --paper-2: oklch(89% 0.03 215);
  --paper-3: oklch(84% 0.04 218);
  --land: oklch(91.5% 0.045 88);
  --land-2: oklch(85% 0.065 85);
  --ink: oklch(24% 0.05 250);
  --ink-2: oklch(38% 0.05 250);
  --line: oklch(55% 0.05 245);
  --hair: oklch(77% 0.04 235);
  --mag: oklch(45% 0.19 355);
  --mag-2: oklch(37% 0.17 355);
  --mag-soft: oklch(92% 0.045 355);
  --deep: oklch(25% 0.05 250);
  --on-deep: oklch(94% 0.015 215);
  --on-deep-2: oklch(80% 0.03 225);
  --sea: oklch(80% 0.08 205);

  --font-display: "Bitter", Georgia, "Times New Roman", serif;
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Chivo Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: clamp(1.35rem, 1.1rem + 1vw, 1.7rem);
  --text-2xl: clamp(1.7rem, 1.3rem + 1.8vw, 2.4rem);
  --text-3xl: clamp(2rem, 1.2rem + 3.6vw, 3.6rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --chamfer: 14px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --bar-h: 3.5rem;
}