/* uicraft theme "default" for Tailwind CSS v4. * Auto-generated by scripts/build-theme-exports.mjs — do not edit manually. * Usage: @import "tailwindcss"; @import "./default.tailwind.css"; * Dark mode: add class "dark" to (pair with @custom-variant dark if needed). */ :root { --generic-white: 0 0% 100%; --generic-black: 0 0% 0%; --mains-primary: 240 3% 6%; --mains-secondary: 228 4% 25%; --mains-tertiary: 227 4% 43%; --mains-quaternary: 229 5% 57%; --surfaces-background: 0 0% 98%; --surfaces-surface: 0 0% 100%; --surfaces-subtle: 0 0% 96%; --surfaces-moderate: 0 5% 92%; --surfaces-contrast: 245 10% 88%; --border-default: 0 5% 92%; --border-strong: 245 10% 88%; --border-focus: 219 88% 54%; --accents-brand: 213 87% 49%; --success-primary: 162 86% 35%; --success-background: 152 39% 89%; --success-border: 152 48% 70%; --warning-primary: 30 100% 44%; --warning-background: 34 100% 95%; --warning-border: 32 94% 78%; --error-primary: 4 83% 55%; --error-background: 0 100% 95%; --error-border: 2 92% 78%; --info-primary: 219 88% 54%; --info-background: 217 100% 92%; --info-border: 216 92% 76%; --brand-50: 213 40% 93%; --brand-100: 213 50% 87%; --brand-200: 213 60% 78%; --brand-300: 213 70% 68%; --brand-400: 213 80% 58%; --brand-500: 213 87% 49%; --brand-600: 213 87% 42%; --brand-700: 213 87% 35%; --brand-800: 213 80% 28%; --brand-900: 213 70% 21%; --brand-950: 213 60% 14%; --brand-hover: 213 87% 42%; --brand-active: 213 87% 35%; --brand-disabled: 213 60% 78%; --on-brand: 0 0% 100%; --on-error: 0 0% 100%; --on-success: 0 0% 100%; --on-warning: 0 0% 100%; --on-info: 0 0% 100%; } .dark { --mains-primary: 0 0% 98%; --mains-secondary: 245 10% 88%; --mains-tertiary: 231 6% 71%; --mains-quaternary: 227 4% 43%; --surfaces-background: 0 0% 0%; --surfaces-surface: 240 3% 6%; --surfaces-subtle: 240 4% 15%; --surfaces-moderate: 228 4% 25%; --surfaces-contrast: 228 4% 34%; --border-default: 240 4% 15%; --border-strong: 228 4% 25%; --border-focus: 218 88% 62%; --accents-brand: 213 87% 49%; --success-primary: 162 86% 35%; --success-background: 150 55% 10%; --success-border: 168 68% 18%; --warning-primary: 30 100% 44%; --warning-background: 30 100% 10%; --warning-border: 24 70% 20%; --error-primary: 4 83% 55%; --error-background: 356 89% 17%; --error-border: 10 64% 32%; --info-primary: 219 88% 54%; --info-background: 216 82% 17%; --info-border: 226 70% 32%; --brand-50: 213 40% 93%; --brand-100: 213 50% 87%; --brand-200: 213 60% 78%; --brand-300: 213 70% 68%; --brand-400: 213 80% 58%; --brand-500: 213 87% 49%; --brand-600: 213 87% 42%; --brand-700: 213 87% 35%; --brand-800: 213 80% 28%; --brand-900: 213 70% 21%; --brand-950: 213 60% 14%; --brand-hover: 213 87% 42%; --brand-active: 213 87% 35%; --brand-disabled: 213 60% 78%; --on-brand: 0 0% 100%; --on-error: 0 0% 100%; --on-success: 0 0% 100%; --on-warning: 0 0% 100%; --on-info: 0 0% 100%; } @theme inline { --font-sans: Inter, system-ui, sans-serif; --color-generic-white: hsl(var(--generic-white)); --color-generic-black: hsl(var(--generic-black)); --color-mains-primary: hsl(var(--mains-primary)); --color-mains-secondary: hsl(var(--mains-secondary)); --color-mains-tertiary: hsl(var(--mains-tertiary)); --color-mains-quaternary: hsl(var(--mains-quaternary)); --color-surfaces-background: hsl(var(--surfaces-background)); --color-surfaces-surface: hsl(var(--surfaces-surface)); --color-surfaces-subtle: hsl(var(--surfaces-subtle)); --color-surfaces-moderate: hsl(var(--surfaces-moderate)); --color-surfaces-contrast: hsl(var(--surfaces-contrast)); --color-border-default: hsl(var(--border-default)); --color-border-strong: hsl(var(--border-strong)); --color-border-focus: hsl(var(--border-focus)); --color-accents-brand: hsl(var(--accents-brand)); --color-success-primary: hsl(var(--success-primary)); --color-success-background: hsl(var(--success-background)); --color-success-border: hsl(var(--success-border)); --color-warning-primary: hsl(var(--warning-primary)); --color-warning-background: hsl(var(--warning-background)); --color-warning-border: hsl(var(--warning-border)); --color-error-primary: hsl(var(--error-primary)); --color-error-background: hsl(var(--error-background)); --color-error-border: hsl(var(--error-border)); --color-info-primary: hsl(var(--info-primary)); --color-info-background: hsl(var(--info-background)); --color-info-border: hsl(var(--info-border)); --color-brand-50: hsl(var(--brand-50)); --color-brand-100: hsl(var(--brand-100)); --color-brand-200: hsl(var(--brand-200)); --color-brand-300: hsl(var(--brand-300)); --color-brand-400: hsl(var(--brand-400)); --color-brand-500: hsl(var(--brand-500)); --color-brand-600: hsl(var(--brand-600)); --color-brand-700: hsl(var(--brand-700)); --color-brand-800: hsl(var(--brand-800)); --color-brand-900: hsl(var(--brand-900)); --color-brand-950: hsl(var(--brand-950)); --color-brand-hover: hsl(var(--brand-hover)); --color-brand-active: hsl(var(--brand-active)); --color-brand-disabled: hsl(var(--brand-disabled)); --color-on-brand: hsl(var(--on-brand)); --color-on-error: hsl(var(--on-error)); --color-on-success: hsl(var(--on-success)); --color-on-warning: hsl(var(--on-warning)); --color-on-info: hsl(var(--on-info)); --radius-sm: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-2xl: 1.5rem; --radius-3xl: 2rem; --radius-4xl: 2.5rem; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75rem; --text-7xl: 4.5rem; --text-8xl: 6rem; --text-9xl: 8rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --leading-tight: 1.25; --leading-normal: 1.5; --leading-loose: 1.75; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); } :root { --font-family-base: Inter, system-ui, sans-serif; --radius-sm: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-2xl: 1.5rem; --radius-3xl: 2rem; --radius-4xl: 2.5rem; --border-width-none: 0px; --border-width-thin: 0.5px; --border-width-default: 1px; --border-width-medium: 1.5px; --border-width-thick: 2px; --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-14: 3.5rem; --spacing-16: 4rem; --spacing-18: 4.5rem; --spacing-20: 5rem; --spacing-22: 5.5rem; --spacing-24: 6rem; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 9rem; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 12rem; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 15rem; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --spacing-0_5: 0.125rem; --spacing-1_5: 0.375rem; --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; --font-size-8xl: 6rem; --font-size-9xl: 8rem; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --line-height-tight: 1.25; --line-height-normal: 1.5; --line-height-loose: 1.75; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-drawer: 1040; --z-modal: 1050; --z-popover: 1060; --z-tooltip: 1070; --transition-fast: 150ms ease; --transition-normal: 200ms ease; --transition-slow: 300ms ease; --control-height-sm: 2rem; --control-height-md: 2.5rem; --control-height-lg: 3rem; --control-height-xl: 3.5rem; --control-padding-x-sm: 0.75rem; --control-padding-x-md: 1rem; --control-padding-x-lg: 1.25rem; --control-padding-x-xl: 1.5rem; --control-padding-y-sm: 0.25rem; --control-padding-y-md: 0.5rem; --control-padding-y-lg: 0.5rem; --control-padding-y-xl: 0.75rem; --focus-ring-width: 3px; --focus-ring-offset: 0px; --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1); --motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --motion-ease-spring: cubic-bezier(0.5, 1.6, 0.4, 1); --motion-preset-interactive: all 150ms cubic-bezier(0.16, 1, 0.3, 1); --motion-preset-fade: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); --intent-success: var(--success-primary); --intent-warning: var(--warning-primary); --intent-danger: var(--error-primary); --intent-info: var(--info-primary); --elevation-0: none; --elevation-1: var(--shadow-sm); --elevation-2: var(--shadow-default); --elevation-3: var(--shadow-md); --elevation-4: var(--shadow-lg); --elevation-5: var(--shadow-xl); }