/* Rayito design tokens — warm paper, charcoal, and purposeful gold. */
:root {
  color-scheme: light;
  --color-paper: oklch(98% 0.006 105);
  --color-white: oklch(100% 0 0);
  --color-ink: oklch(22% 0.01 125);
  --color-muted: oklch(47% 0.015 125);
  --color-subtle: oklch(56% 0.014 125);
  --color-line: oklch(87% 0.014 115);
  --color-soft: oklch(94% 0.012 115);
  --color-stage: oklch(92% 0.022 138);
  --color-chart: oklch(50% 0.062 159);
  --color-chart-wash: oklch(94% 0.02 155);
  --color-gold: oklch(83% 0.16 83);
  --color-gold-ink: oklch(49% 0.095 73);
  --color-gold-pale: oklch(96% 0.06 92);
  --color-dark: oklch(23% 0.012 143);
  --color-on-dark: oklch(96% 0.01 105);
  --color-muted-dark: oklch(76% 0.013 135);
  --color-dark-line: oklch(42% 0.016 135);
  --color-success: oklch(45% 0.065 160);
  --color-tint-green: oklch(91% 0.035 152);
  --color-tint-peach: oklch(91% 0.04 55);
  --color-shadow: oklch(20% 0.02 140 / 0.09);
  --color-transparent: oklch(0% 0 0 / 0);
  --font-display:
    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:
    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-hand: "Excalifont", cursive;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 3rem;
  --space-4xl: 4rem;
  --space-5xl: 6rem;
  --space-6xl: 8rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-medium: 320ms;
  --dur-draw: 700ms;
  --rule-thin: 1px;
}