@theme{ --color-background: oklch(99% .002 250); --color-foreground: oklch(21% .02 256); --color-surface: oklch(100% 0 0); --color-surface-foreground: oklch(21% .02 256); --color-muted: oklch(97% .004 256); --color-muted-foreground: oklch(45% .02 257); --color-primary: oklch(62% .19 256); --color-primary-foreground: oklch(98% .01 256); --color-primary-hover: oklch(56% .2 256); --color-primary-soft: oklch(95% .03 256); --color-accent: oklch(95% .03 256); --color-accent-foreground: oklch(40% .13 256); --color-destructive: oklch(58% .22 25); --color-destructive-foreground: oklch(98% .01 25); --color-success: oklch(60% .14 155); --color-success-foreground: oklch(98% .01 155); --color-warning: oklch(75% .16 75); --color-warning-foreground: oklch(27% .05 75); --color-chart-1: oklch(62% .19 256); --color-chart-2: oklch(68% .14 195); --color-chart-3: oklch(60% .14 155); --color-chart-4: oklch(75% .16 75); --color-chart-5: oklch(58% .22 25); --color-chart-6: oklch(55% .18 300); --color-border: oklch(92% .005 256); --color-input: oklch(92% .005 256); --color-ring: oklch(62% .19 256); --color-slate-50: oklch(98% .004 256); --color-slate-100: oklch(97% .004 256); --color-slate-200: oklch(92% .005 256); --color-slate-300: oklch(87% .006 256); --color-slate-400: oklch(70% .02 256); --color-slate-500: oklch(55% .02 257); --color-slate-600: oklch(45% .02 257); --color-slate-700: oklch(37% .02 257); --color-slate-800: oklch(28% .02 256); --color-slate-900: oklch(21% .02 256); --color-slate-950: oklch(13% .02 256); --font-display: "Space Grotesk", system-ui, sans-serif; --font-sans: "DM Sans", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --text-display: 3.5rem; --text-display--line-height: 1.05; --text-display--letter-spacing: -.03em; --text-display--font-weight: 700; --text-h1: 2.5rem; --text-h1--line-height: 1.1; --text-h1--letter-spacing: -.025em; --text-h1--font-weight: 700; --text-h2: 2rem; --text-h2--line-height: 1.15; --text-h2--letter-spacing: -.02em; --text-h2--font-weight: 600; --text-h3: 1.5rem; --text-h3--line-height: 1.2; --text-h3--letter-spacing: -.015em; --text-h3--font-weight: 600; --text-h4: 1.25rem; --text-h4--line-height: 1.25; --text-h4--letter-spacing: -.01em; --text-h4--font-weight: 600; --text-h5: 1.125rem; --text-h5--line-height: 1.3; --text-h5--font-weight: 600; --text-h6: 1rem; --text-h6--line-height: 1.4; --text-h6--font-weight: 600; --text-body: 1rem; --text-body--line-height: 1.6; --text-body-lg: 1.125rem; --text-body-lg--line-height: 1.6; --text-small: .875rem; --text-small--line-height: 1.5; --text-caption: .75rem; --text-caption--line-height: 1.4; --text-caption--letter-spacing: .01em; --text-code: .875rem; --text-code--line-height: 1.6; --spacing-0: 0; --spacing-1: .25rem; --spacing-2: .5rem; --spacing-3: .75rem; --spacing-4: 1rem; --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-8: 2rem; --spacing-10: 2.5rem; --spacing-12: 3rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-32: 8rem; --radius-none: 0; --radius-sm: .375rem; --radius-md: .5rem; --radius-lg: .75rem; --radius-xl: 1rem; --radius-2xl: 1.25rem; --radius-full: 9999px; --shadow-xs: 0 1px 2px 0 oklch(21% .02 256/.05); --shadow-sm: 0 1px 3px 0 oklch(21% .02 256/.08), 0 1px 2px -1px oklch(21% .02 256/.05); --shadow-md: 0 4px 6px -1px oklch(21% .02 256/.08), 0 2px 4px -2px oklch(21% .02 256/.05); --shadow-lg: 0 10px 15px -3px oklch(21% .02 256/.1), 0 4px 6px -4px oklch(21% .02 256/.05); --shadow-xl: 0 20px 25px -5px oklch(21% .02 256/.12), 0 8px 10px -6px oklch(21% .02 256/.05); --shadow-focus: 0 0 0 3px oklch(62% .19 256/.35); --transition-fast: .12s cubic-bezier(.4, 0, .2, 1); --transition-base: .18s cubic-bezier(.4, 0, .2, 1); --transition-slow: .28s cubic-bezier(.4, 0, .2, 1); --duration-instant: 80ms; --duration-fast: .12s; --duration-base: .18s; --duration-slow: .28s; --duration-slower: .42s; --ease-standard: cubic-bezier(.4, 0, .2, 1); --ease-entrance: cubic-bezier(0, 0, .2, 1); --ease-exit: cubic-bezier(.4, 0, 1, 1); --ease-emphasized: cubic-bezier(.2, 0, 0, 1);}@layer base{*{border-color:var(--color-border)}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}}