/* Generated design tokens. Edited from the admin design panel, not by hand. */
:root {
  --ui-brand-50: oklch(0.968 0.014 262);
  --ui-brand-100: oklch(0.928 0.032 262);
  --ui-brand-200: oklch(0.868 0.058 262);
  --ui-brand-300: oklch(0.780 0.092 262);
  --ui-brand-400: oklch(0.660 0.120 262);
  --ui-brand-500: oklch(0.540 0.130 262);
  --ui-brand-600: oklch(0.440 0.125 262);
  --ui-brand-700: oklch(0.365 0.108 262);
  --ui-brand-800: oklch(0.300 0.088 262);
  --ui-brand-900: oklch(0.245 0.068 262);
  --ui-accent-400: oklch(0.830 0.130 84);
  --ui-accent-500: oklch(0.760 0.150 84);
  --ui-accent-600: oklch(0.660 0.145 80);
  --ui-nav-text: oklch(0.223 0.012 258);
  --ui-nav-text-muted: oklch(0.446 0.011 258);
  --ui-canvas: oklch(0.984 0.002 250);
  --ui-surface: oklch(1 0 0);
  --ui-surface-muted: oklch(0.966 0.006 262);
  --ui-surface-sunken: oklch(0.220 0.045 262);
  --site-font-heading: 'Segoe UI Semibold', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --site-font-body: ui-sans-serif, system-ui, sans-serif;
  --site-text-scale: 1;
  --ui-text: oklch(0.223 0.012 258);
  --ui-text-muted: oklch(0.446 0.011 258);
  --site-radius: 0.625rem;
  --site-section-y: clamp(3rem, 6vw, 5.5rem);
  --site-container: 80rem;
}