:root {
    --background: hsl(210, 20%, 98%);
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-800: oklch(47% .157 37.304);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-blue-100: oklch(62.3% .214 259.815 / 0.1);
    --color-blue-200: oklch(62.3% .214 259.815 / 0.2);
    --color-blue-300: oklch(62.3% .214 259.815 / 0.3);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(93% .006 264.531);
    /* --color-gray-300: oklch(92.8% .006 264.531); */
    --color-gray-300: oklch(88.8% .009 264.517);
    --color-gray-400: oklch(84.8% .012 264.503);
    --color-gray-500: oklch(52.8% .039 257.185);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-neutral-100: oklch(97% 0 0);
    --color-white: #fff;
    --color-black: #000;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}