/* tokens.css · Charmelo · Vigil's (Scalemagic's) original theme, unchanged. Every visual value in styles.css references these.
   The borrowed sections (Collabmagic quiet block, Upstep board, Landed panel) came in through Spendra and Astercurrent,
   which already use these same token names, so no alias block is needed. */
:root {
  /* colour — cool morning paper, near-black ink, one sky accent, three status hues */
  --color-paper: oklch(98.8% 0.004 230);
  --color-paper-2: oklch(96.4% 0.006 230);
  --color-ink: oklch(24% 0.012 250);
  --color-ink-2: oklch(45% 0.012 250);
  --color-rule: oklch(91% 0.006 240);
  --color-rule-strong: oklch(78% 0.008 240);
  --color-on-ink: oklch(99% 0.003 230);
  --color-accent: oklch(52% 0.13 245);
  --color-stop: oklch(52% 0.17 28);
  --color-stop-bg: oklch(96% 0.025 28);
  --color-scale: oklch(50% 0.12 152);
  --color-scale-bg: oklch(96% 0.03 152);
  --color-fix: oklch(55% 0.13 70);
  --color-fix-bg: oklch(96.5% 0.04 80);
  --color-error: oklch(48% 0.16 28);
  --color-nav: oklch(100% 0 0);
  --color-shadow: oklch(24% 0.012 250 / 0.10);
  --color-shadow-strong: oklch(24% 0.012 250 / 0.28);
  --color-scrim: oklch(24% 0.012 250 / 0.5);
  --color-footer: oklch(21% 0.01 250);
  --color-footer-ink: oklch(78% 0.008 240);
  --color-footer-word: oklch(28% 0.012 250);

  /* type — one family (Barlow), from the MotionSites template */
  --font: 'Barlow', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-hero-1: clamp(2rem, 1.2rem + 3.4vw, 4rem);
  --text-hero-2: clamp(2.5rem, 1.4rem + 4.8vw, 5.25rem);
  --text-h2: clamp(2rem, 1.5rem + 1.9vw, 3rem);
  --text-h3: 1.375rem;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --track-display: -0.04em;
  --track-heading: -0.025em;
  --track-label: 0.06em;

  /* space — 4pt scale */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-7: 32px; --space-8: 40px; --space-9: 56px; --space-10: 72px;
  --space-11: 96px; --space-12: 128px;

  /* shape */
  --radius-nav: 16px;
  --radius-card: 20px;
  --radius-item: 12px;
  --radius-pill: 999px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-med: 360ms;
  --dur-rise: 800ms;

  /* layout */
  --max: 1200px;
  --measure: 36rem;
  --z-nav: 20;
}