@theme inline{  --color-red: oklch(58% .22 27.32); --color-red-soft: oklch(97% .02 27.32); --color-red-soft-text: oklch(58% .22 27.32); --color-orange: oklch(75% .18 55); --color-orange-soft: oklch(97% .04 55); --color-orange-soft-text: oklch(60% .18 55); --color-yellow: oklch(87% .17 92); --color-yellow-soft: oklch(97% .04 92); --color-yellow-soft-text: oklch(60% .17 92); --color-green: oklch(72% .19 145.36); --color-green-soft: oklch(96% .04 145.36); --color-green-soft-text: oklch(55% .19 145.36); --color-mint: oklch(72% .13 191); --color-mint-soft: oklch(96% .03 191); --color-mint-soft-text: oklch(55% .13 191); --color-teal: oklch(67% .13 210); --color-teal-soft: oklch(96% .03 210); --color-teal-soft-text: oklch(52% .13 210); --color-cyan: oklch(70% .14 228); --color-cyan-soft: oklch(96% .03 228); --color-cyan-soft-text: oklch(52% .14 228); --color-blue: oklch(55% .22 264.05); --color-blue-soft: oklch(97% .02 264.05); --color-blue-soft-text: oklch(55% .22 264.05); --color-indigo: oklch(52% .22 280); --color-indigo-soft: oklch(96% .03 280); --color-indigo-soft-text: oklch(52% .22 280); --color-purple: oklch(60% .22 305); --color-purple-soft: oklch(96% .04 305); --color-purple-soft-text: oklch(55% .22 305); --color-pink: oklch(62% .23 10); --color-pink-soft: oklch(97% .03 10); --color-pink-soft-text: oklch(55% .23 10); --color-brown: oklch(58% .07 55); --color-brown-soft: oklch(96% .02 55); --color-brown-soft-text: oklch(45% .07 55); --color-gray: oklch(60% .01 264.53); --color-gray-soft: oklch(97% .005 264.53); --color-gray-soft-text: oklch(45% .01 264.53);   --color-primary: var(--color-blue); --color-primary-hover: oklch(from var(--color-primary)calc(l + .05)c h); --color-primary-foreground: #fff; --color-primary-soft: var(--color-blue-soft); --color-primary-soft-hover: oklch(from var(--color-primary-soft)calc(l - .02)c h); --color-primary-soft-text: var(--color-blue-soft-text); --color-secondary: var(--color-teal); --color-secondary-hover: oklch(from var(--color-secondary)calc(l + .05)c h); --color-secondary-foreground: #fff; --color-secondary-soft: var(--color-teal-soft); --color-secondary-soft-hover: oklch(from var(--color-secondary-soft)calc(l - .02)c h); --color-secondary-soft-text: var(--color-teal-soft-text); --color-tertiary: var(--color-indigo); --color-tertiary-hover: oklch(from var(--color-tertiary)calc(l + .05)c h); --color-tertiary-foreground: #fff; --color-tertiary-soft: var(--color-indigo-soft); --color-tertiary-soft-hover: oklch(from var(--color-tertiary-soft)calc(l - .02)c h); --color-tertiary-soft-text: var(--color-indigo-soft-text); --color-destructive: var(--color-red); --color-destructive-hover: oklch(from var(--color-destructive)calc(l + .05)c h); --color-destructive-foreground: #fff; --color-destructive-soft: var(--color-red-soft); --color-destructive-soft-hover: oklch(from var(--color-destructive-soft)calc(l - .02)c h); --color-destructive-soft-text: var(--color-red-soft-text); --color-warning: var(--color-orange); --color-warning-hover: oklch(from var(--color-warning)calc(l + .05)c h); --color-warning-foreground: #1a1a1a; --color-warning-soft: var(--color-orange-soft); --color-warning-soft-hover: oklch(from var(--color-warning-soft)calc(l - .02)c h); --color-warning-soft-text: var(--color-orange-soft-text); --color-success: var(--color-green); --color-success-hover: oklch(from var(--color-success)calc(l + .05)c h); --color-success-foreground: #fff; --color-success-soft: var(--color-green-soft); --color-success-soft-hover: oklch(from var(--color-success-soft)calc(l - .02)c h); --color-success-soft-text: var(--color-green-soft-text); --color-info: var(--color-cyan); --color-info-hover: oklch(from var(--color-info)calc(l + .05)c h); --color-info-foreground: #fff; --color-info-soft: var(--color-cyan-soft); --color-info-soft-hover: oklch(from var(--color-info-soft)calc(l - .02)c h); --color-info-soft-text: var(--color-cyan-soft-text); --color-muted: var(--color-gray); --color-muted-hover: oklch(from var(--color-muted)calc(l + .05)c h); --color-muted-foreground: #fff; --color-muted-soft: var(--color-gray-soft); --color-muted-soft-hover: oklch(from var(--color-muted-soft)calc(l - .02)c h); --color-muted-soft-text: var(--color-gray-soft-text);   --color-surface: #fff; --color-surface-secondary: oklch(97% .002 247.84); --color-surface-border: oklch(87% .01 258.34); --color-surface-inverse: oklch(20% .01 264.53); --color-on-surface: oklch(13% .01 264.53); --color-on-surface-muted: oklch(55% .01 264.53); --color-overlay: #6b7280bf;   --space-px: 1px; --space-xs: .25rem; --space-sm: .5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 4rem;   --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.75;   --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-full: 9999px;   --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;   --duration-fast: .1s; --duration-normal: .2s; --duration-slow: .3s; --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --ease-spring: cubic-bezier(.175,.885,.32,1.275);}