/* Medinavigo — tokens.css, from the Claude Design system (2026-10-19). Do not edit by hand; regenerate from the design system. */
:root {
  /* Colour */
  --daylight: #eef2ef;
  --surface: #ffffff;
  --ink: #1f2b2a;
  --muted: #55655f;
  --route: #2f6f62;
  --route-deep: #245a4f;
  --route-soft: #b9ccc5;
  --route-tint: #e3ece8;
  --on-route: #ffffff;
  --lamp: #e0a43a;
  --lamp-ink: #7a4e08;
  --border: #ccd7d2;
  --border-strong: #6f837b;
  --danger: #a6302a;
  --danger-soft: #f7e4e1;
  --success: #2d6a3f;
  --success-soft: #e3f0e5;
  --warning: #7a4e08;
  --warning-soft: #fbefd6;
  --disabled-bg: #dce3e0;
  --disabled-ink: #55655f;

  /* Type */
  --font: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: 15px;
  --fs-sm: 16px;
  --fs-base: 18px;
  --fs-lg: 21px;
  --fs-xl: 26px;
  --fs-2xl: 34px;
  --fs-3xl: 44px;
  --fw-regular: 400;
  --fw-bold: 700;
  --lh-body: 1.55;
  --lh-tight: 1.25;

  /* Space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Focus, sizes */
  --focus-ring: 0 0 0 3px #eef2ef, 0 0 0 6px #1f2b2a;
  --maxw-text: 38em;
  --tap-min: 44px;
}