@theme{ --color-accent-300: #a855f7; --color-accent-400: #9333ea; --color-accent-500: #7e22ce; --color-accent-600: #581c87; --color-accent-a04: color-mix(in srgb, var(--color-accent-400) 4%, transparent); --color-accent-a08: color-mix(in srgb, var(--color-accent-400) 8%, transparent); --color-accent-a10: color-mix(in srgb, var(--color-accent-400) 10%, transparent); --color-accent-a12: color-mix(in srgb, var(--color-accent-400) 12%, transparent); --color-accent-a15: color-mix(in srgb, var(--color-accent-400) 15%, transparent); --color-accent-a20: color-mix(in srgb, var(--color-accent-400) 20%, transparent); --color-accent-a25: color-mix(in srgb, var(--color-accent-400) 25%, transparent); --color-accent-a35: color-mix(in srgb, var(--color-accent-400) 35%, transparent); --color-neutral-0: #0a0a0a; --color-neutral-50: #0e0e0e; --color-neutral-100: #141414; --color-neutral-150: #171717; --color-neutral-200: #1a1a1a; --color-neutral-250: #1f1f1f; --color-neutral-300: #212121; --color-neutral-350: #262626; --color-neutral-400: #2a2a2a; --color-neutral-500: #333333; --color-neutral-600: #404040; --color-neutral-700: #525252; --color-neutral-800: #737373; --color-neutral-850: #a3a3a3; --color-neutral-900: #b3b3b3; --color-neutral-950: #d4d4d4; --color-neutral-975: #e5e5e5; --color-neutral-1000: #fafafa; --color-purple-300: #a855f7; --color-purple-400: #9333ea; --color-purple-500: #7e22ce; --color-purple-600: #581c87; --color-violet-300: #c4b5fd; --color-violet-400: #a78bfa; --color-violet-500: #8b5cf6; --color-violet-600: #7c3aed; --color-indigo-300: #a5b4fc; --color-indigo-400: #818cf8; --color-indigo-500: #6366f1; --color-indigo-600: #4f46e5; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-sky-300: #7dd3fc; --color-sky-400: #38bdf8; --color-sky-500: #0ea5e9; --color-sky-600: #0284c7; --color-teal-300: #5eead4; --color-teal-400: #2dd4bf; --color-teal-500: #14b8a6; --color-teal-600: #0d9488; --color-emerald-300: #6ee7b7; --color-emerald-400: #34d399; --color-emerald-500: #10b981; --color-emerald-600: #059669; --color-amber-300: #fcd34d; --color-amber-400: #fbbf24; --color-amber-500: #f59e0b; --color-amber-600: #d97706; --color-orange-300: #fdba74; --color-orange-400: #fb923c; --color-orange-500: #f97316; --color-orange-600: #ea580c; --color-crimson-300: #ef4444; --color-crimson-400: #dc2626; --color-crimson-500: #b91c1c; --color-crimson-600: #991b1b; --color-rose-300: #fda4af; --color-rose-400: #fb7185; --color-rose-500: #f43f5e; --color-rose-600: #e11d48; --color-pink-300: #f9a8d4; --color-pink-400: #f472b6; --color-pink-500: #ec4899; --color-pink-600: #db2777; --color-white: #ffffff; --color-bg-deepest: #0a0a0a; --color-bg-base: #0e0e0e; --color-bg-surface: #141414; --color-bg-elevated-1: #171717; --color-bg-elevated-2: #1a1a1a; --color-bg-elevated-3: #212121; --color-foreground: #fafafa; --color-foreground-secondary: #d4d4d4; --color-foreground-body: #b3b3b3; --color-foreground-muted: #a3a3a3; --color-foreground-subtle: #737373; --color-foreground-disabled: #525252; --color-foreground-ghost: #404040; --color-border-subtle: #1f1f1f; --color-border-default: #262626; --color-border-strong: #333333; --color-border-emphasis: #404040; --color-success: #34d399; --color-warning: #fbbf24; --color-error: #dc2626; --color-info: #60a5fa; --shadow-accent-focus: 0 0 0 3px var(--color-accent-a15); --shadow-sm: 0 1px 2px rgba(0,0,0,.15), 0 2px 8px rgba(0,0,0,.1); --shadow-md: 0 2px 4px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.15); --shadow-lg: 0 4px 8px rgba(0,0,0,.25), 0 8px 32px rgba(0,0,0,.2); --button-radius: 8px; --button-padding-y: .75rem; --button-padding-x: 1.5rem; --button-padding-y-sm: .5rem; --button-padding-x-sm: 1rem; --button-font-size: .9375rem; --button-font-size-sm: .875rem; --button-font-weight: 600; --input-bg: #141414; --input-border: #262626; --input-radius: 12px; --input-font-size: .9375rem; --input-label-size-rest: .9375rem; --input-label-size-float: 12px; --card-bg: #171717; --card-border: #262626; --card-radius: 12px; --card-padding: 1.5rem; --card-image-height: 140px; --modal-bg: #1a1a1a; --modal-border: #2a2a2a; --modal-radius: 14px; --modal-stripe-height: 3px; --modal-backdrop: rgba(0, 0, 0, .6); --modal-blur: 4px; --dropdown-bg: #1a1a1a; --dropdown-border: #2a2a2a; --dropdown-radius: 12px; --dropdown-item-radius: 8px; --dropdown-item-padding-y: 9px; --dropdown-item-padding-x: 14px; --tooltip-bg: #171717; --tooltip-border: #2a2a2a; --tooltip-stripe-height: 2px; --tooltip-radius: 8px; --tooltip-font-size: .875rem; --toast-bg: #1a1a1a; --toast-border: #262626; --toast-stripe-width: 3px; --toast-radius: 12px; --snackbar-bg: #1a1a1a; --snackbar-border: #262626; --snackbar-radius: 12px; --snackbar-stripe-width: 3px; --snackbar-padding-y: 1rem; --snackbar-padding-x: 1rem; --snackbar-gap: .75rem; --snackbar-width: 360px; --snackbar-shadow: 0 8px 32px rgba(0,0,0,.4); --snackbar-container-offset: 24px; --snackbar-container-gap: 12px; --snackbar-z-index: 9999; --badge-radius: 9999px; --badge-padding-y: 3px; --badge-padding-x: 10px; --badge-font-size: .875rem; --table-radius: 12px; --table-header-bg: #141414; --table-header-font-size: .875rem; --table-cell-padding-y: 14px; --table-cell-padding-x: 20px; --avatar-radius: 9999px; --avatar-size-xs: 24px; --avatar-size-sm: 32px; --avatar-size-md: 40px; --avatar-size-lg: 56px; --avatar-size-xl: 72px; --avatar-status-dot: 12px; --spinner-size-sm: 20px; --spinner-size-md: 32px; --spinner-size-lg: 48px; --progress-height: 6px; --progress-radius: 9999px; --progress-track-bg: #1f1f1f; --pagination-button-size: 38px; --pagination-radius: 8px; --tab-indicator-height: 4px; --tab-font-size: .9375rem; --alert-stripe-width: 3px; --alert-radius: 8px; --sidebar-width: 256px; --sidebar-width-collapsed: 64px; --sidebar-bg: #0e0e0e; --sidebar-border: #1f1f1f; --sidebar-active-bar-width: 3px; --sidebar-item-radius: 8px; --sidebar-item-padding-y: 8px; --sidebar-item-padding-x: 12px; --sidebar-item-font-size: .9375rem; --sidebar-group-font-size: .875rem; --sidebar-item-count-padding-y: 2px; --sidebar-item-count-padding-x: 8px; --sidebar-item-count-font-size: .875rem; --sidebar-item-count-bubble-size: 22px; --sidebar-item-count-bubble-padding-x: 6px; --datepicker-radius: 12px; --datepicker-day-size: 40px; --datepicker-header-font-size: .9375rem; --chip-radius: 9999px; --chip-padding-y: 4px; --chip-padding-x: 10px; --chip-font-size: .875rem; --chip-close-size: 16px; --chip-avatar-size: 20px; --fab-size: 56px; --fab-size-mini: 40px; --fab-radius: 9999px; --fab-icon-size: 24px; --rich-text-editor-toolbar-bg: #171717; --rich-text-editor-toolbar-border: #262626; --rich-text-editor-editor-bg: #141414; --rich-text-editor-radius: 12px; --rich-text-editor-btn-size: 32px; --select-radius: 12px; --select-dropdown-radius: 12px; --select-chip-gap: .5rem; --chat-msg-padding-y: .5rem; --chat-msg-padding-x: 1rem; --chat-msg-font-size: .9375rem; --chat-msg-font-size-system: .875rem; --chat-msg-max-width: 85%; --chat-msg-gap: 1.25rem; --chat-msg-tool-border: 2px; --chat-input-bg: #171717; --chat-input-border: #262626; --chat-input-radius: 16px; --chat-input-padding: 1.5rem; --chat-input-font-size: 1.0625rem; --chat-input-max-height: 200px; --list-sidebar-width: 260px; --list-sidebar-bg: #0e0e0e; --list-sidebar-border: #1f1f1f; --list-sidebar-item-padding-y: 10px; --list-sidebar-item-padding-x: 12px; --list-sidebar-item-radius: 8px; --list-sidebar-item-font-size: .875rem; --list-sidebar-group-font-size: .6875rem; --side-panel-width: 420px; --side-panel-bg: #141414; --side-panel-border: #1f1f1f; --side-panel-header-padding-y: .75rem; --side-panel-header-padding-x: 1rem; --side-panel-body-padding-y: .75rem; --side-panel-body-padding-x: 1rem; --side-panel-footer-padding-y: .75rem; --side-panel-footer-padding-x: 1rem; --side-panel-backdrop: rgba(0, 0, 0, .6); --side-panel-blur: 4px; --font-family-body: "Geist Sans", system-ui, sans-serif; --font-family-mono: "Geist Mono", monospace; --font-family-display: "Fraunces", "Geist Sans", system-ui, serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-line-height-tight: 1.2; --font-line-height-snug: 1.3; --font-line-height-normal: 1.4; --font-line-height-relaxed: 1.5; --font-line-height-loose: 1.6; --font-letter-spacing-tight: -.3px; --text-xs: .875rem; --text-sm: .9375rem; --text-base: 1.0625rem; --text-lg: 1.1875rem; --text-xl: 1.375rem; --text-2xl: 1.625rem; --text-3xl: 2rem; --text-4xl: 2.5rem; --text-mono: .9375rem; --spacing-1: .25rem; --spacing-2: .5rem; --spacing-3: .75rem; --spacing-4: 1rem; --spacing-6: 1.5rem; --spacing-8: 2rem; --spacing-12: 3rem; --spacing-16: 4rem; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px; --duration-fast: .1s; --duration-normal: .2s; --duration-slow: .3s; --duration-slower: .5s; --easing-out: cubic-bezier(.22, 1, .36, 1); --easing-in-out: cubic-bezier(.65, 0, .35, 1); --easing-spring: cubic-bezier(.16, 1, .3, 1); --breakpoint-sm: 640px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1536px; }