/** * Tailwind v4 Theme - Generated by Style Dictionary * This creates Tailwind utility classes from design tokens */ @theme { /* Colors */ --color-primary-50: oklch(0.98 0.02 201); --color-primary-100: oklch(0.96 0.04 203); --color-primary-200: oklch(0.92 0.08 205); --color-primary-300: oklch(0.87 0.12 207); --color-primary-400: oklch(0.80 0.13 212); --color-primary-500: oklch(0.71 0.13 215); --color-primary-600: oklch(0.61 0.11 222); --color-primary-700: oklch(0.52 0.09 223); --color-primary-800: oklch(0.45 0.08 224); --color-primary-900: oklch(0.40 0.07 227); --color-primary-950: oklch(0.30 0.05 230); --color-secondary-50: oklch(0.98 0.02 166); --color-secondary-100: oklch(0.95 0.05 163); --color-secondary-200: oklch(0.90 0.09 164); --color-secondary-300: oklch(0.85 0.13 165); --color-secondary-400: oklch(0.77 0.15 163); --color-secondary-500: oklch(0.70 0.15 162); --color-secondary-600: oklch(0.60 0.13 163); --color-secondary-700: oklch(0.51 0.10 166); --color-secondary-800: oklch(0.43 0.09 167); --color-secondary-900: oklch(0.38 0.07 169); --color-secondary-950: oklch(0.26 0.05 173); --color-success-50: oklch(0.98 0.02 156); --color-success-100: oklch(0.96 0.04 157); --color-success-200: oklch(0.93 0.08 156); --color-success-300: oklch(0.87 0.14 154); --color-success-400: oklch(0.80 0.18 152); --color-success-500: oklch(0.72 0.19 150); --color-success-600: oklch(0.63 0.17 149); --color-success-700: oklch(0.53 0.14 150); --color-success-800: oklch(0.45 0.11 151); --color-success-900: oklch(0.39 0.09 153); --color-success-950: oklch(0.27 0.06 153); --color-warning-50: oklch(0.99 0.03 102); --color-warning-100: oklch(0.97 0.07 103); --color-warning-200: oklch(0.95 0.12 102); --color-warning-300: oklch(0.91 0.17 98); --color-warning-400: oklch(0.86 0.17 92); --color-warning-500: oklch(0.80 0.16 86); --color-warning-600: oklch(0.68 0.14 76); --color-warning-700: oklch(0.55 0.12 66); --color-warning-800: oklch(0.48 0.10 62); --color-warning-900: oklch(0.42 0.09 58); --color-warning-950: oklch(0.29 0.06 54); --color-error-50: oklch(0.97 0.01 17); --color-error-100: oklch(0.94 0.03 18); --color-error-200: oklch(0.88 0.06 18); --color-error-300: oklch(0.81 0.10 20); --color-error-400: oklch(0.71 0.17 22); --color-error-500: oklch(0.64 0.21 25); --color-error-600: oklch(0.58 0.22 27); --color-error-700: oklch(0.51 0.19 28); --color-error-800: oklch(0.44 0.16 27); --color-error-900: oklch(0.40 0.13 26); --color-error-950: oklch(0.26 0.09 26); --color-neutral-50: oklch(0.98 0.00 248); --color-neutral-100: oklch(0.97 0.01 248); --color-neutral-200: oklch(0.93 0.01 256); --color-neutral-300: oklch(0.87 0.02 253); --color-neutral-400: oklch(0.71 0.04 257); --color-neutral-500: oklch(0.55 0.04 257); --color-neutral-600: oklch(0.45 0.04 257); --color-neutral-700: oklch(0.37 0.04 257); --color-neutral-800: oklch(0.28 0.04 260); --color-neutral-900: oklch(0.28 0.04 260); --color-neutral-950: oklch(0.28 0.04 260); /* Spacing */ --spacing-0: 0; --spacing-1: 0.25rem; --spacing-2: 0.5rem; --spacing-3: 0.75rem; --spacing-4: 1rem; --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-10: 2.5rem; --spacing-12: 3rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-32: 8rem; --spacing-40: 10rem; --spacing-48: 12rem; --spacing-56: 14rem; --spacing-64: 16rem; /* Typography */ --font-family-sans: 'Inter Variable', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-family-mono: 'Fira Code Variable', 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace; --font-family-base: 'Inter Variable', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; --font-size-6xl: 3.75rem; --font-size-7xl: 4.5rem; }