/* GENERATED by design-system/tools/build.mjs from tokens/stage.theme.json — do not edit.
 * Theme "stage" · 293 tokens · light + dark.
 * Usage: var(--st-color-bg-surface). Scheme: [data-theme="dark"|"light"] on any element,
 * or prefers-color-scheme when no data-theme is set. */
:root, [data-theme="light"] {
  color-scheme: light;
  --st-color-primary-50: #EFF6FF;
  --st-color-primary-100: #DBEAFE;
  --st-color-primary-200: #BFDBFE;
  --st-color-primary-300: #93C5FD;
  --st-color-primary-400: #60A5FA;
  --st-color-primary-500: #3B82F6;
  --st-color-primary-600: #2563EB;
  --st-color-primary-700: #1D4ED8;
  --st-color-primary-800: #1E40AF;
  --st-color-primary-900: #1E3A8A;
  --st-color-primary-950: #172554;
  --st-color-neutral-50: #F8FAFC;
  --st-color-neutral-100: #F1F5F9;
  --st-color-neutral-200: #E2E8F0;
  --st-color-neutral-300: #CBD5E1;
  --st-color-neutral-400: #94A3B8;
  --st-color-neutral-500: #64748B;
  --st-color-neutral-600: #475569;
  --st-color-neutral-700: #334155;
  --st-color-neutral-800: #1E293B;
  --st-color-neutral-900: #0F172A;
  --st-color-neutral-950: #020617;
  --st-color-positive-50: #F0FDFA;
  --st-color-positive-100: #CCFBF1;
  --st-color-positive-200: #99F6E4;
  --st-color-positive-300: #5EEAD4;
  --st-color-positive-400: #2DD4BF;
  --st-color-positive-500: #14B8A6;
  --st-color-positive-600: #0D9488;
  --st-color-positive-700: #0F766E;
  --st-color-positive-800: #115E59;
  --st-color-positive-900: #134E4A;
  --st-color-positive-950: #042F2E;
  --st-color-warning-50: #FFFBEB;
  --st-color-warning-100: #FEF3C7;
  --st-color-warning-200: #FDE68A;
  --st-color-warning-300: #FCD34D;
  --st-color-warning-400: #FBBF24;
  --st-color-warning-500: #F59E0B;
  --st-color-warning-600: #D97706;
  --st-color-warning-700: #B45309;
  --st-color-warning-800: #92400E;
  --st-color-warning-900: #78350F;
  --st-color-warning-950: #451A03;
  --st-color-danger-50: #FEF2F2;
  --st-color-danger-100: #FEE2E2;
  --st-color-danger-200: #FECACA;
  --st-color-danger-300: #FCA5A5;
  --st-color-danger-400: #F87171;
  --st-color-danger-500: #EF4444;
  --st-color-danger-600: #DC2626;
  --st-color-danger-700: #B91C1C;
  --st-color-danger-800: #991B1B;
  --st-color-danger-900: #7F1D1D;
  --st-color-danger-950: #450A0A;
  --st-color-info-50: #F3F7FF;
  --st-color-info-100: #E4EDFF;
  --st-color-info-200: #CEDEFF;
  --st-color-info-300: #ACC7FF;
  --st-color-info-400: #76A1FF;
  --st-color-info-500: #3666DC;
  --st-color-info-600: #1D4ED8;
  --st-color-info-700: #052AB3;
  --st-color-info-800: #021985;
  --st-color-info-900: #01105A;
  --st-color-info-950: #01072F;
  --st-color-white: #FFFFFF;
  --st-color-black: #000000;
  --st-space-none: 0px;
  --st-space-3xs: 2px;
  --st-space-2xs: 4px;
  --st-space-xs: 8px;
  --st-space-sm: 12px;
  --st-space-md: 16px;
  --st-space-lg: 24px;
  --st-space-xl: 32px;
  --st-space-2xl: 48px;
  --st-space-3xl: 64px;
  --st-space-4xl: 96px;
  --st-radius-none: 0px;
  --st-radius-xs: 3px;
  --st-radius-sm: 6px;
  --st-radius-md: 12px;
  --st-radius-lg: 18px;
  --st-radius-xl: 24px;
  --st-radius-2xl: 36px;
  --st-radius-full: 9999px;
  --st-font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --st-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --st-type-size-2xs: 11px;
  --st-type-size-xs: 12px;
  --st-type-size-sm: 14px;
  --st-type-size-md: 16px;
  --st-type-size-lg: 19px;
  --st-type-size-xl: 23px;
  --st-type-size-2xl: 28px;
  --st-type-size-3xl: 33px;
  --st-type-size-4xl: 40px;
  --st-type-weight-regular: 400;
  --st-type-weight-medium: 500;
  --st-type-weight-semibold: 600;
  --st-type-weight-bold: 700;
  --st-type-lineHeight-tight: 1.15;
  --st-type-lineHeight-snug: 1.3;
  --st-type-lineHeight-normal: 1.5;
  --st-type-lineHeight-relaxed: 1.65;
  --st-type-tracking-tight: -0.02em;
  --st-type-tracking-normal: 0;
  --st-type-tracking-wide: 0.04em;
  --st-type-tracking-caps: 0.12em;
  --st-border-width-hairline: 1px;
  --st-border-width-thin: 1.5px;
  --st-border-width-thick: 2px;
  --st-opacity-disabled: 0.38;
  --st-opacity-hover: 0.08;
  --st-opacity-pressed: 0.12;
  --st-opacity-scrim: 0.4;
  --st-motion-duration-instant: 0ms;
  --st-motion-duration-fast: 100ms;
  --st-motion-duration-normal: 200ms;
  --st-motion-duration-slow: 300ms;
  --st-motion-duration-slower: 500ms;
  --st-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --st-motion-easing-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --st-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --st-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --st-z-base: 0;
  --st-z-raised: 1;
  --st-z-sticky: 100;
  --st-z-dropdown: 200;
  --st-z-overlay: 300;
  --st-z-modal: 400;
  --st-z-toast: 500;
  --st-z-tooltip: 600;
  --st-breakpoint-compact: 768px;
  --st-breakpoint-expanded: 1280px;
  --st-size-touch-min: 44px;
  --st-size-target-min: 24px;
  --st-size-icon-sm: 16px;
  --st-size-icon-md: 20px;
  --st-size-icon-lg: 24px;
  --st-color-bg-canvas: #F6F8FB;
  --st-color-bg-canvas-end: #EEF1F5;
  --st-color-bg-surface: #FFFFFF;
  --st-color-bg-surface-dim: #F1F5F9;
  --st-color-bg-surface-raised: #FFFFFF;
  --st-color-bg-subtle: #F8FAFC;
  --st-color-bg-inverse: #0F172A;
  --st-color-bg-scrim: #02061766;
  --st-color-text-strong: #0F172A;
  --st-color-text-default: #334155;
  --st-color-text-secondary: #475569;
  --st-color-text-muted: #64748B;
  --st-color-text-faint: #94A3B8;
  --st-color-text-disabled: #94A3B8;
  --st-color-text-inverse: #F8FAFC;
  --st-color-text-on-accent: #FFFFFF;
  --st-color-text-link: #1D4ED8;
  --st-color-text-link-inverse: #93C5FD;
  --st-color-border-default: #E2E8F0;
  --st-color-border-soft: #E2E8F0B3;
  --st-color-border-strong: #CBD5E1;
  --st-color-border-control: #64748B;
  --st-color-accent-default: #1D4ED8;
  --st-color-accent-hover: #1E40AF;
  --st-color-accent-active: #1E3A8A;
  --st-color-accent-subtle: #EFF6FF;
  --st-color-accent-subtle-border: #DBEAFE;
  --st-color-accent-text: #1D4ED8;
  --st-color-accent-on: #FFFFFF;
  --st-color-status-positive-fg: #0D9488;
  --st-color-status-positive-text: #0F766E;
  --st-color-status-positive-bg: #F0FDFA;
  --st-color-status-positive-border: #99F6E4;
  --st-color-status-positive-strong: #0D9488;
  --st-color-status-warning-fg: #D97706;
  --st-color-status-warning-text: #B45309;
  --st-color-status-warning-bg: #FFFBEB;
  --st-color-status-warning-border: #FDE68A;
  --st-color-status-warning-strong: #D97706;
  --st-color-status-danger-fg: #DC2626;
  --st-color-status-danger-text: #B91C1C;
  --st-color-status-danger-bg: #FEF2F2;
  --st-color-status-danger-border: #FECACA;
  --st-color-status-danger-strong: #DC2626;
  --st-color-status-info-fg: #1D4ED8;
  --st-color-status-info-text: #052AB3;
  --st-color-status-info-bg: #F3F7FF;
  --st-color-status-info-border: #CEDEFF;
  --st-color-status-info-strong: #1D4ED8;
  --st-color-focus-ring: #2563EB;
  --st-focus-ring-width: 2px;
  --st-focus-ring-offset: 2px;
  --st-elevation-none: none;
  --st-elevation-sm: 0px 1px 2px 0px #0F172A0F, 0px 1px 3px 0px #0F172A0A;
  --st-elevation-md: 0px 4px 12px -2px #0F172A1A, 0px 2px 4px 0px #0F172A0F;
  --st-elevation-lg: 0px 24px 60px -18px #0F172A38, 0px 4px 16px 0px #0F172A14;
  --st-elevation-xl: 0px 24px 60px -18px #0F172A59, 0px 4px 16px 0px #0F172A1F;
  --st-type-display-family: var(--st-font-sans);
  --st-type-display-size: 40px;
  --st-type-display-weight: 700;
  --st-type-display-line-height: 1.15;
  --st-type-display-letter-spacing: -0.02em;
  --st-type-display: var(--st-type-display-weight) var(--st-type-display-size)/var(--st-type-display-line-height) var(--st-type-display-family);
  --st-type-headline-family: var(--st-font-sans);
  --st-type-headline-size: 33px;
  --st-type-headline-weight: 600;
  --st-type-headline-line-height: 1.15;
  --st-type-headline-letter-spacing: -0.02em;
  --st-type-headline: var(--st-type-headline-weight) var(--st-type-headline-size)/var(--st-type-headline-line-height) var(--st-type-headline-family);
  --st-type-title-family: var(--st-font-sans);
  --st-type-title-size: 23px;
  --st-type-title-weight: 500;
  --st-type-title-line-height: 1.3;
  --st-type-title-letter-spacing: 0;
  --st-type-title: var(--st-type-title-weight) var(--st-type-title-size)/var(--st-type-title-line-height) var(--st-type-title-family);
  --st-type-subtitle-family: var(--st-font-sans);
  --st-type-subtitle-size: 19px;
  --st-type-subtitle-weight: 500;
  --st-type-subtitle-line-height: 1.3;
  --st-type-subtitle-letter-spacing: 0;
  --st-type-subtitle: var(--st-type-subtitle-weight) var(--st-type-subtitle-size)/var(--st-type-subtitle-line-height) var(--st-type-subtitle-family);
  --st-type-body-family: var(--st-font-sans);
  --st-type-body-size: 16px;
  --st-type-body-weight: 400;
  --st-type-body-line-height: 1.5;
  --st-type-body-letter-spacing: 0;
  --st-type-body: var(--st-type-body-weight) var(--st-type-body-size)/var(--st-type-body-line-height) var(--st-type-body-family);
  --st-type-body-sm-family: var(--st-font-sans);
  --st-type-body-sm-size: 14px;
  --st-type-body-sm-weight: 400;
  --st-type-body-sm-line-height: 1.5;
  --st-type-body-sm-letter-spacing: 0;
  --st-type-body-sm: var(--st-type-body-sm-weight) var(--st-type-body-sm-size)/var(--st-type-body-sm-line-height) var(--st-type-body-sm-family);
  --st-type-label-family: var(--st-font-sans);
  --st-type-label-size: 14px;
  --st-type-label-weight: 500;
  --st-type-label-line-height: 1.3;
  --st-type-label-letter-spacing: 0;
  --st-type-label: var(--st-type-label-weight) var(--st-type-label-size)/var(--st-type-label-line-height) var(--st-type-label-family);
  --st-type-caption-family: var(--st-font-sans);
  --st-type-caption-size: 12px;
  --st-type-caption-weight: 400;
  --st-type-caption-line-height: 1.3;
  --st-type-caption-letter-spacing: 0;
  --st-type-caption: var(--st-type-caption-weight) var(--st-type-caption-size)/var(--st-type-caption-line-height) var(--st-type-caption-family);
  --st-type-overline-family: var(--st-font-sans);
  --st-type-overline-size: 11px;
  --st-type-overline-weight: 700;
  --st-type-overline-line-height: 1.3;
  --st-type-overline-letter-spacing: 0.12em;
  --st-type-overline-transform: uppercase;
  --st-type-overline: var(--st-type-overline-weight) var(--st-type-overline-size)/var(--st-type-overline-line-height) var(--st-type-overline-family);
  --st-type-code-family: var(--st-font-mono);
  --st-type-code-size: 14px;
  --st-type-code-weight: 400;
  --st-type-code-line-height: 1.5;
  --st-type-code-letter-spacing: 0;
  --st-type-code: var(--st-type-code-weight) var(--st-type-code-size)/var(--st-type-code-line-height) var(--st-type-code-family);
  --st-control-height-sm: 32px;
  --st-control-height-md: 40px;
  --st-control-height-lg: 48px;
  --st-control-padding-sm: 12px;
  --st-control-padding-md: 16px;
  --st-control-padding-lg: 20px;
  --st-control-gap: 8px;
  --st-control-radius: 12px;
  --st-control-border: 1px;
  --st-button-radius: 12px;
  --st-button-weight: 500;
  --st-input-radius: 12px;
  --st-input-bg: #FFFFFF;
  --st-input-border: #E2E8F0;
  --st-card-radius: 16px;
  --st-card-padding: 24px;
  --st-card-bg: #FFFFFF;
  --st-card-border: #E2E8F0B3;
  --st-card-elevation: 0px 24px 60px -18px #0F172A38, 0px 4px 16px 0px #0F172A14;
  --st-pill-radius: 9999px;
  --st-pill-height: 24px;
  --st-chip-height: 32px;
  --st-chip-radius: 6px;
  --st-badge-size: 20px;
  --st-badge-radius: 9999px;
  --st-avatar-size-sm: 24px;
  --st-avatar-size-md: 32px;
  --st-avatar-size-lg: 40px;
  --st-avatar-size-xl: 56px;
  --st-avatar-radius: 9999px;
  --st-dialog-radius: 20px;
  --st-dialog-padding: 24px;
  --st-dialog-width-sm: 400px;
  --st-dialog-width-md: 560px;
  --st-dialog-width-lg: 800px;
  --st-dialog-elevation: 0px 24px 60px -18px #0F172A59, 0px 4px 16px 0px #0F172A1F;
  --st-sheet-radius: 24px;
  --st-sheet-width: 400px;
  --st-tooltip-bg: #0F172A;
  --st-tooltip-fg: #F8FAFC;
  --st-tooltip-radius: 6px;
  --st-tooltip-padding: 8px;
  --st-toast-bg: #0F172A;
  --st-toast-fg: #F8FAFC;
  --st-toast-action: #93C5FD;
  --st-toast-radius: 12px;
  --st-toast-elevation: 0px 4px 12px -2px #0F172A1A, 0px 2px 4px 0px #0F172A0F;
  --st-banner-radius: 12px;
  --st-banner-padding: 12px;
  --st-menu-radius: 12px;
  --st-menu-item-height: 36px;
  --st-menu-elevation: 0px 4px 12px -2px #0F172A1A, 0px 2px 4px 0px #0F172A0F;
  --st-menu-min-width: 180px;
  --st-list-item-height: 48px;
  --st-list-item-padding: 16px;
  --st-tabs-height: 44px;
  --st-tabs-indicator: 2px;
  --st-appbar-height: 56px;
  --st-appbar-padding: 24px;
  --st-navrail-width: 80px;
  --st-navrail-width-collapsed: 56px;
  --st-navdrawer-width: 280px;
  --st-bottomnav-height: 64px;
  --st-progress-thickness: 4px;
  --st-progress-radius: 9999px;
  --st-skeleton-radius: 6px;
  --st-divider-color: #E2E8F0;
  --st-divider-thickness: 1px;
  --st-switch-width: 44px;
  --st-switch-height: 24px;
  --st-checkbox-size: 20px;
  --st-checkbox-radius: 3px;
  --st-radio-size: 20px;
  --st-stepper-dot: 24px;
  --st-table-row-height: 48px;
  --st-table-cell-padding: 12px;
  --st-color-video-top: #16273F;
  --st-color-video-bottom: #0D1A2E;
  --st-color-video-caption: #CBE0F5D9;
  --st-gradient-aurora: linear-gradient(120deg, #DBE7FB, #E7E2F7, #DCEEF2);
  --st-gradient-warm: linear-gradient(120deg, #FBEADB, #F7E2EC, #F2ECDC);
  --st-gradient-cool: linear-gradient(120deg, #DBEEFB, #D9F0EA, #E2E6F7);
  --st-color-bg-surface-subdued: #FFFFFF8C;
  --st-color-video-caption-dim: #94B4DCB3;
  --st-elevation-composer: 0px 18px 44px -14px #1E3A8A59, 0px 3px 12px 0px #0F172A14;
}
[data-theme="dark"] {
  color-scheme: dark;
  --st-color-bg-canvas: #0B1220;
  --st-color-bg-canvas-end: #0F172A;
  --st-color-bg-surface: #0F172A;
  --st-color-bg-surface-dim: #1E293B;
  --st-color-bg-surface-raised: #1E293B;
  --st-color-bg-subtle: #0F172A;
  --st-color-bg-inverse: #F1F5F9;
  --st-color-bg-scrim: #00000099;
  --st-color-text-strong: #F8FAFC;
  --st-color-text-default: #E2E8F0;
  --st-color-text-secondary: #CBD5E1;
  --st-color-text-muted: #94A3B8;
  --st-color-text-faint: #64748B;
  --st-color-text-disabled: #475569;
  --st-color-text-inverse: #0F172A;
  --st-color-text-on-accent: #172554;
  --st-color-text-link: #93C5FD;
  --st-color-text-link-inverse: #1D4ED8;
  --st-color-border-default: #1E293B;
  --st-color-border-soft: #33415580;
  --st-color-border-strong: #334155;
  --st-color-border-control: #94A3B8;
  --st-color-accent-default: #60A5FA;
  --st-color-accent-hover: #93C5FD;
  --st-color-accent-active: #BFDBFE;
  --st-color-accent-subtle: #60A5FA29;
  --st-color-accent-subtle-border: #60A5FA59;
  --st-color-accent-text: #93C5FD;
  --st-color-accent-on: #172554;
  --st-color-status-positive-fg: #2DD4BF;
  --st-color-status-positive-text: #5EEAD4;
  --st-color-status-positive-bg: #2DD4BF24;
  --st-color-status-positive-border: #2DD4BF59;
  --st-color-status-positive-strong: #2DD4BF;
  --st-color-status-warning-fg: #FBBF24;
  --st-color-status-warning-text: #FCD34D;
  --st-color-status-warning-bg: #FBBF2424;
  --st-color-status-warning-border: #FBBF2459;
  --st-color-status-warning-strong: #FBBF24;
  --st-color-status-danger-fg: #F87171;
  --st-color-status-danger-text: #FCA5A5;
  --st-color-status-danger-bg: #F8717124;
  --st-color-status-danger-border: #F8717159;
  --st-color-status-danger-strong: #F87171;
  --st-color-status-info-fg: #76A1FF;
  --st-color-status-info-text: #ACC7FF;
  --st-color-status-info-bg: #76A1FF24;
  --st-color-status-info-border: #76A1FF59;
  --st-color-status-info-strong: #76A1FF;
  --st-color-focus-ring: #60A5FA;
  --st-elevation-sm: 0px 1px 2px 0px #00000018, 0px 1px 3px 0px #00000010;
  --st-elevation-md: 0px 4px 12px -2px #00000029, 0px 2px 4px 0px #00000018;
  --st-elevation-lg: 0px 24px 60px -18px #0000005A, 0px 4px 16px 0px #00000021;
  --st-elevation-xl: 0px 24px 60px -18px #0000008F, 0px 4px 16px 0px #00000031;
  --st-input-bg: #0F172A;
  --st-input-border: #1E293B;
  --st-card-bg: #0F172A;
  --st-card-border: #33415580;
  --st-card-elevation: 0px 24px 60px -18px #0000005A, 0px 4px 16px 0px #00000021;
  --st-dialog-elevation: 0px 24px 60px -18px #0000008F, 0px 4px 16px 0px #00000031;
  --st-tooltip-bg: #F1F5F9;
  --st-tooltip-fg: #0F172A;
  --st-toast-bg: #F1F5F9;
  --st-toast-fg: #0F172A;
  --st-toast-action: #1D4ED8;
  --st-toast-elevation: 0px 4px 12px -2px #00000029, 0px 2px 4px 0px #00000018;
  --st-menu-elevation: 0px 4px 12px -2px #00000029, 0px 2px 4px 0px #00000018;
  --st-divider-color: #1E293B;
  --st-gradient-aurora: linear-gradient(120deg, #1C2B4F, #2A2650, #173C44);
  --st-gradient-warm: linear-gradient(120deg, #3A2A22, #3A2634, #33301F);
  --st-gradient-cool: linear-gradient(120deg, #1B2F44, #1B3532, #232A47);
  --st-color-bg-surface-subdued: #1E293B8C;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --st-color-bg-canvas: #0B1220;
    --st-color-bg-canvas-end: #0F172A;
    --st-color-bg-surface: #0F172A;
    --st-color-bg-surface-dim: #1E293B;
    --st-color-bg-surface-raised: #1E293B;
    --st-color-bg-subtle: #0F172A;
    --st-color-bg-inverse: #F1F5F9;
    --st-color-bg-scrim: #00000099;
    --st-color-text-strong: #F8FAFC;
    --st-color-text-default: #E2E8F0;
    --st-color-text-secondary: #CBD5E1;
    --st-color-text-muted: #94A3B8;
    --st-color-text-faint: #64748B;
    --st-color-text-disabled: #475569;
    --st-color-text-inverse: #0F172A;
    --st-color-text-on-accent: #172554;
    --st-color-text-link: #93C5FD;
    --st-color-text-link-inverse: #1D4ED8;
    --st-color-border-default: #1E293B;
    --st-color-border-soft: #33415580;
    --st-color-border-strong: #334155;
    --st-color-border-control: #94A3B8;
    --st-color-accent-default: #60A5FA;
    --st-color-accent-hover: #93C5FD;
    --st-color-accent-active: #BFDBFE;
    --st-color-accent-subtle: #60A5FA29;
    --st-color-accent-subtle-border: #60A5FA59;
    --st-color-accent-text: #93C5FD;
    --st-color-accent-on: #172554;
    --st-color-status-positive-fg: #2DD4BF;
    --st-color-status-positive-text: #5EEAD4;
    --st-color-status-positive-bg: #2DD4BF24;
    --st-color-status-positive-border: #2DD4BF59;
    --st-color-status-positive-strong: #2DD4BF;
    --st-color-status-warning-fg: #FBBF24;
    --st-color-status-warning-text: #FCD34D;
    --st-color-status-warning-bg: #FBBF2424;
    --st-color-status-warning-border: #FBBF2459;
    --st-color-status-warning-strong: #FBBF24;
    --st-color-status-danger-fg: #F87171;
    --st-color-status-danger-text: #FCA5A5;
    --st-color-status-danger-bg: #F8717124;
    --st-color-status-danger-border: #F8717159;
    --st-color-status-danger-strong: #F87171;
    --st-color-status-info-fg: #76A1FF;
    --st-color-status-info-text: #ACC7FF;
    --st-color-status-info-bg: #76A1FF24;
    --st-color-status-info-border: #76A1FF59;
    --st-color-status-info-strong: #76A1FF;
    --st-color-focus-ring: #60A5FA;
    --st-elevation-sm: 0px 1px 2px 0px #00000018, 0px 1px 3px 0px #00000010;
    --st-elevation-md: 0px 4px 12px -2px #00000029, 0px 2px 4px 0px #00000018;
    --st-elevation-lg: 0px 24px 60px -18px #0000005A, 0px 4px 16px 0px #00000021;
    --st-elevation-xl: 0px 24px 60px -18px #0000008F, 0px 4px 16px 0px #00000031;
    --st-input-bg: #0F172A;
    --st-input-border: #1E293B;
    --st-card-bg: #0F172A;
    --st-card-border: #33415580;
    --st-card-elevation: 0px 24px 60px -18px #0000005A, 0px 4px 16px 0px #00000021;
    --st-dialog-elevation: 0px 24px 60px -18px #0000008F, 0px 4px 16px 0px #00000031;
    --st-tooltip-bg: #F1F5F9;
    --st-tooltip-fg: #0F172A;
    --st-toast-bg: #F1F5F9;
    --st-toast-fg: #0F172A;
    --st-toast-action: #1D4ED8;
    --st-toast-elevation: 0px 4px 12px -2px #00000029, 0px 2px 4px 0px #00000018;
    --st-menu-elevation: 0px 4px 12px -2px #00000029, 0px 2px 4px 0px #00000018;
    --st-divider-color: #1E293B;
    --st-gradient-aurora: linear-gradient(120deg, #1C2B4F, #2A2650, #173C44);
    --st-gradient-warm: linear-gradient(120deg, #3A2A22, #3A2634, #33301F);
    --st-gradient-cool: linear-gradient(120deg, #1B2F44, #1B3532, #232A47);
    --st-color-bg-surface-subdued: #1E293B8C;
  }
}