/* Emporia tokens — adapted from emporia.co's existing design system. */
:root {
  --color-background: oklch(0.132 0.005 285.823);
  --color-surface: oklch(0.16 0.005 285.823);
  --color-raised: oklch(0.20 0.005 285.823);
  --color-foreground: oklch(0.98 0.005 285.823);
  --color-muted: oklch(0.72 0.01 285.823);
  --color-yellow: oklch(0.82 0.18 85);
  --color-orange: oklch(0.72 0.19 48);
  --color-line: oklch(1 0 0 / 0.12);
  --color-line-strong: oklch(1 0 0 / 0.28);
  --color-highlight: oklch(0.82 0.18 85 / 0.06);
  --color-highlight-line: oklch(0.82 0.18 85 / 0.25);
  --color-error: oklch(0.81 0.12 25);
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 96px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-body: 16px;
  --text-lead: 18px;
  --text-heading: 28px;
  --text-display: clamp(40px, 5.5vw, 72px);
  --radius-sm: 8px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --rule-hairline: 1px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
}