html[data-theme="light"] {
  color-scheme: light;
  --color-background: #F8FAFD;
  --color-foreground: #171B2C;
  --color-surface: #FFFFFF;
  --color-surface-foreground: #171B2C;
  --color-surface-elevated: #FFFFFF;
  --color-surface-inset: #F3F6FA;
  --color-muted: #F1F4F9;
  --color-muted-foreground: #566078;
  --color-primary: #695FFA;
  --color-primary-hover: #6258F4;
  --color-primary-pressed: #5B50EB;
  --color-primary-foreground: #FFFFFF;
  --color-secondary: #F1F4F9;
  --color-secondary-hover: #E7EBF2;
  --color-secondary-pressed: #DDE3EC;
  --color-secondary-foreground: #171B2C;
  --color-accent: #F2F0FF;
  --color-accent-hover: #E8E5FF;
  --color-accent-pressed: #D3CFFF;
  --color-accent-foreground: #302A7D;
  --color-destructive: #C04444;
  --color-destructive-hover: #B63C3C;
  --color-destructive-pressed: #A73434;
  --color-destructive-foreground: #FFFFFF;
  --color-border: #DDE3EC;
  --color-border-strong: #7A8498;
  --color-focus: #695FFA;
  --color-link: #5B50EB;
  --color-link-hover: #4D43D5;
  --color-disabled: #F1F4F9;
  --color-disabled-foreground: #8B94A8;
  --color-success: #EAF9F1;
  --color-success-foreground: #1E6D4A;
  --color-warning: #FFF5DF;
  --color-warning-foreground: #7A4A00;
  --color-danger: #FFF0F0;
  --color-danger-foreground: #9A3030;
  --color-info: #EEF5FF;
  --color-info-foreground: #285BB7;
  --color-brand-signal: #695FFA;
  --color-frozen-edge: #8FD7FF;
  --color-frozen-highlight: #A7F0FF;
  --color-overlay: #171B2C99;
  --color-shadow: #1D263A;
  --color-skeleton: #E7EBF2;
  --elevation-none: none;
  --elevation-sm: 0px 4px 16px 0px rgba(29, 38, 58, 0.06);
  --elevation-md: 0px 12px 32px 0px rgba(29, 38, 58, 0.09);
  --elevation-lg: 0px 20px 60px 0px rgba(29, 38, 58, 0.12);
  --elevation-frozen: 0px 8px 30px 0px rgba(105, 95, 250, 0.12), 0px 12px 50px 0px rgba(143, 215, 255, 0.1);
  --elevation-frozen-dark: 0px 18px 60px 0px rgba(0, 0, 0, 0.3), 0px 10px 40px 0px rgba(105, 95, 250, 0.1);
  --material-standard-background: #FFFFFF;
  --material-standard-border: #1F2B461A;
  --material-elevated-background: #FFFFFF;
  --material-elevated-border: #1F2B461F;
  --material-elevated-elevation: 0px 12px 32px 0px rgba(29, 38, 58, 0.09);
  --material-frozen-background-start: #FFFFFFC7;
  --material-frozen-background-end: #F3F8FF9C;
  --material-frozen-blur: 20px;
  --material-frozen-saturate: 1.25;
  --material-frozen-border: #FFFFFFBD;
  --material-frozen-inner-highlight: #FFFFFFE6;
  --material-frozen-edge: #9AD8FF4D;
  --material-frozen-elevation: 0px 8px 30px 0px rgba(105, 95, 250, 0.12), 0px 12px 50px 0px rgba(143, 215, 255, 0.1);
}
@supports selector(:has(*)) {
html:not([data-theme]):has(#themeLight:checked) {
  color-scheme: light;
  --color-background: #F8FAFD;
  --color-foreground: #171B2C;
  --color-surface: #FFFFFF;
  --color-surface-foreground: #171B2C;
  --color-surface-elevated: #FFFFFF;
  --color-surface-inset: #F3F6FA;
  --color-muted: #F1F4F9;
  --color-muted-foreground: #566078;
  --color-primary: #695FFA;
  --color-primary-hover: #6258F4;
  --color-primary-pressed: #5B50EB;
  --color-primary-foreground: #FFFFFF;
  --color-secondary: #F1F4F9;
  --color-secondary-hover: #E7EBF2;
  --color-secondary-pressed: #DDE3EC;
  --color-secondary-foreground: #171B2C;
  --color-accent: #F2F0FF;
  --color-accent-hover: #E8E5FF;
  --color-accent-pressed: #D3CFFF;
  --color-accent-foreground: #302A7D;
  --color-destructive: #C04444;
  --color-destructive-hover: #B63C3C;
  --color-destructive-pressed: #A73434;
  --color-destructive-foreground: #FFFFFF;
  --color-border: #DDE3EC;
  --color-border-strong: #7A8498;
  --color-focus: #695FFA;
  --color-link: #5B50EB;
  --color-link-hover: #4D43D5;
  --color-disabled: #F1F4F9;
  --color-disabled-foreground: #8B94A8;
  --color-success: #EAF9F1;
  --color-success-foreground: #1E6D4A;
  --color-warning: #FFF5DF;
  --color-warning-foreground: #7A4A00;
  --color-danger: #FFF0F0;
  --color-danger-foreground: #9A3030;
  --color-info: #EEF5FF;
  --color-info-foreground: #285BB7;
  --color-brand-signal: #695FFA;
  --color-frozen-edge: #8FD7FF;
  --color-frozen-highlight: #A7F0FF;
  --color-overlay: #171B2C99;
  --color-shadow: #1D263A;
  --color-skeleton: #E7EBF2;
  --elevation-none: none;
  --elevation-sm: 0px 4px 16px 0px rgba(29, 38, 58, 0.06);
  --elevation-md: 0px 12px 32px 0px rgba(29, 38, 58, 0.09);
  --elevation-lg: 0px 20px 60px 0px rgba(29, 38, 58, 0.12);
  --elevation-frozen: 0px 8px 30px 0px rgba(105, 95, 250, 0.12), 0px 12px 50px 0px rgba(143, 215, 255, 0.1);
  --elevation-frozen-dark: 0px 18px 60px 0px rgba(0, 0, 0, 0.3), 0px 10px 40px 0px rgba(105, 95, 250, 0.1);
  --material-standard-background: #FFFFFF;
  --material-standard-border: #1F2B461A;
  --material-elevated-background: #FFFFFF;
  --material-elevated-border: #1F2B461F;
  --material-elevated-elevation: 0px 12px 32px 0px rgba(29, 38, 58, 0.09);
  --material-frozen-background-start: #FFFFFFC7;
  --material-frozen-background-end: #F3F8FF9C;
  --material-frozen-blur: 20px;
  --material-frozen-saturate: 1.25;
  --material-frozen-border: #FFFFFFBD;
  --material-frozen-inner-highlight: #FFFFFFE6;
  --material-frozen-edge: #9AD8FF4D;
  --material-frozen-elevation: 0px 8px 30px 0px rgba(105, 95, 250, 0.12), 0px 12px 50px 0px rgba(143, 215, 255, 0.1);
}
@media (prefers-color-scheme: light) {
html:not([data-theme]):has(#themeSystem:checked) {
  color-scheme: light;
  --color-background: #F8FAFD;
  --color-foreground: #171B2C;
  --color-surface: #FFFFFF;
  --color-surface-foreground: #171B2C;
  --color-surface-elevated: #FFFFFF;
  --color-surface-inset: #F3F6FA;
  --color-muted: #F1F4F9;
  --color-muted-foreground: #566078;
  --color-primary: #695FFA;
  --color-primary-hover: #6258F4;
  --color-primary-pressed: #5B50EB;
  --color-primary-foreground: #FFFFFF;
  --color-secondary: #F1F4F9;
  --color-secondary-hover: #E7EBF2;
  --color-secondary-pressed: #DDE3EC;
  --color-secondary-foreground: #171B2C;
  --color-accent: #F2F0FF;
  --color-accent-hover: #E8E5FF;
  --color-accent-pressed: #D3CFFF;
  --color-accent-foreground: #302A7D;
  --color-destructive: #C04444;
  --color-destructive-hover: #B63C3C;
  --color-destructive-pressed: #A73434;
  --color-destructive-foreground: #FFFFFF;
  --color-border: #DDE3EC;
  --color-border-strong: #7A8498;
  --color-focus: #695FFA;
  --color-link: #5B50EB;
  --color-link-hover: #4D43D5;
  --color-disabled: #F1F4F9;
  --color-disabled-foreground: #8B94A8;
  --color-success: #EAF9F1;
  --color-success-foreground: #1E6D4A;
  --color-warning: #FFF5DF;
  --color-warning-foreground: #7A4A00;
  --color-danger: #FFF0F0;
  --color-danger-foreground: #9A3030;
  --color-info: #EEF5FF;
  --color-info-foreground: #285BB7;
  --color-brand-signal: #695FFA;
  --color-frozen-edge: #8FD7FF;
  --color-frozen-highlight: #A7F0FF;
  --color-overlay: #171B2C99;
  --color-shadow: #1D263A;
  --color-skeleton: #E7EBF2;
  --elevation-none: none;
  --elevation-sm: 0px 4px 16px 0px rgba(29, 38, 58, 0.06);
  --elevation-md: 0px 12px 32px 0px rgba(29, 38, 58, 0.09);
  --elevation-lg: 0px 20px 60px 0px rgba(29, 38, 58, 0.12);
  --elevation-frozen: 0px 8px 30px 0px rgba(105, 95, 250, 0.12), 0px 12px 50px 0px rgba(143, 215, 255, 0.1);
  --elevation-frozen-dark: 0px 18px 60px 0px rgba(0, 0, 0, 0.3), 0px 10px 40px 0px rgba(105, 95, 250, 0.1);
  --material-standard-background: #FFFFFF;
  --material-standard-border: #1F2B461A;
  --material-elevated-background: #FFFFFF;
  --material-elevated-border: #1F2B461F;
  --material-elevated-elevation: 0px 12px 32px 0px rgba(29, 38, 58, 0.09);
  --material-frozen-background-start: #FFFFFFC7;
  --material-frozen-background-end: #F3F8FF9C;
  --material-frozen-blur: 20px;
  --material-frozen-saturate: 1.25;
  --material-frozen-border: #FFFFFFBD;
  --material-frozen-inner-highlight: #FFFFFFE6;
  --material-frozen-edge: #9AD8FF4D;
  --material-frozen-elevation: 0px 8px 30px 0px rgba(105, 95, 250, 0.12), 0px 12px 50px 0px rgba(143, 215, 255, 0.1);
}
}
}