/* Astraea design tokens · shared by the support page */
:root {
  --color-background: oklch(30.049% 0.11596 277.47);
  --color-background-deep: oklch(22.574% 0.07319 277.68);
  --color-surface: oklch(21.008% 0.03176 264.66);
  --color-surface-raised: oklch(25.457% 0.03975 266.94);
  --color-text: oklch(98.415% 0.00341 247.86);
  --color-text-secondary: oklch(78.58% 0.02404 258.37);
  --color-text-muted: oklch(63.978% 0.03687 259.4);
  --color-accent: oklch(80.766% 0.14949 85.87);
  --color-mint: oklch(92.054% 0.08926 162.26);
  --color-line: oklch(39.638% 0.0991 281.64);
  --color-line-strong: oklch(63.978% 0.03687 259.4);
  --color-focus: oklch(86% 0.145 86);

  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body: "Montserrat", system-ui, sans-serif;

  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --text-xs: .64rem;
  --text-sm: .8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);

  --radius-small: .625rem;
  --radius-medium: 1rem;
  --rule-thin: 1px;
  --page-width: 72rem;
  --page-inset: 2rem;
  --page-inset-wide: 4rem;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
}