:root[data-theme=glass] {
  --palette-hue: 210;
  --palette-saturation: 80%;
  --palette-color-0: hsl(210, 80%, 97%);
  --palette-color-1: hsl(210, 80%, 93%);
  --palette-color-2: hsl(210, 80%, 85%);
  --palette-color-3: hsl(210, 80%, 75%);
  --palette-color-4: hsl(210, 80%, 65%);
  --palette-color-5: hsl(210, 80%, 50%);
  --palette-color-6: hsl(210, 80%, 42%);
  --palette-color-7: hsl(210, 80%, 34%);
  --palette-color-8: hsl(210, 80%, 26%);
  --palette-color-9: hsl(210, 80%, 18%);
  --palette-color-10: hsl(210, 80%, 10%);
  --palette-accent-0: hsl(210, 80%, 97%);
  --palette-accent-1: hsl(210, 80%, 97%);
  --palette-accent-2: hsl(210, 80%, 97%);
  --palette-accent-3: hsl(210, 80%, 97%);
  --palette-accent-4: hsl(210, 80%, 97%);
  --palette-accent-5: hsl(210, 80%, 97%);
  --palette-accent-6: hsl(210, 80%, 97%);
  --palette-accent-7: hsl(210, 80%, 97%);
  --palette-accent-8: hsl(210, 80%, 97%);
  --palette-accent-9: hsl(210, 80%, 97%);
  --palette-accent-10: hsl(210, 80%, 97%);
  --palette-lighter: var(--palette-color-2);
  --palette-light: var(--palette-color-3);
  --palette-default: var(--palette-color-5);
  --palette-dark: var(--palette-color-7);
  --palette-darker: var(--palette-color-9);
  --palette-accent-lighter: var(--palette-accent-2);
  --palette-accent-light: var(--palette-accent-3);
  --palette-accent-default: var(--palette-accent-5);
  --palette-accent-dark: var(--palette-accent-7);
  --palette-accent-darker: var(--palette-accent-9);
  --neutral-hue: 210;
  --neutral-saturation: 20%;
  --neutral-color-0: hsl(210, 20%, 97%);
  --neutral-color-1: hsl(210, 20%, 93%);
  --neutral-color-2: hsl(210, 20%, 85%);
  --neutral-color-3: hsl(210, 20%, 75%);
  --neutral-color-4: hsl(210, 20%, 65%);
  --neutral-color-5: hsl(210, 20%, 50%);
  --neutral-color-6: hsl(210, 20%, 42%);
  --neutral-color-7: hsl(210, 20%, 34%);
  --neutral-color-8: hsl(210, 20%, 26%);
  --neutral-color-9: hsl(210, 20%, 18%);
  --neutral-color-10: hsl(210, 20%, 10%);
  --neutral-lighter: var(--neutral-color-2);
  --neutral-light: var(--neutral-color-3);
  --neutral-default: var(--neutral-color-5);
  --neutral-dark: var(--neutral-color-7);
  --neutral-darker: var(--neutral-color-9);
  --neutral-accent-lighter: hsl(210, 20%, 97%);
  --neutral-accent-light: hsl(210, 20%, 97%);
  --neutral-accent-default: hsl(210, 20%, 97%);
  --neutral-accent-dark: hsl(210, 20%, 97%);
  --neutral-accent-darker: hsl(210, 20%, 97%);
  --surface-color: rgba(255, 255, 255, 0.25);
  --surface-color-overlay: rgba(255, 255, 255, 0.4);
  --surface-color-sunken: rgba(255, 255, 255, 0.35);
  --surface-color-deep: rgba(255, 255, 255, 0.15);
  --text-color: #1a2a3a;
  --text-color-muted: #4a6a8a;
  --border-color: rgba(0, 0, 0, 0.2);
}

:root[data-theme=glass][data-color-scheme=dark] {
  --surface-color: rgba(0, 0, 0, 0.3);
  --surface-color-overlay: rgba(255, 255, 255, 0.1);
  --surface-color-sunken: rgba(255, 255, 255, 0.07);
  --surface-color-deep: rgba(0, 0, 0, 0.5);
  --text-color: #e0eeff;
  --text-color-muted: #8ab0d0;
  --border-color: rgba(255, 255, 255, 0.35);
}

:root[data-theme=glass] {
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-base: 14px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
}

:root[data-theme=glass] {
  --shadow-sm: 0 2px 8px rgba(0, 100, 200, 0.1);
  --shadow-md: 0 4px 16px rgba(0, 100, 200, 0.15);
  --shadow-lg: 0 8px 32px rgba(0, 100, 200, 0.2);
  --shadow-xl: 0 16px 48px rgba(0, 100, 200, 0.25);
}

:root[data-theme=glass][data-color-scheme=dark] {
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
}

:root[data-theme=glass] .button {
  --button-border-radius: 12px;
  --button-font-size: 14px;
  --button-padding-y: 8px;
  --button-padding-x: 20px;
  --button-border-width: 1px;
  --button-box-shadow: 0 4px 16px rgba(0, 100, 200, 0.15);
  --button-hover-box-shadow: 0 6px 20px rgba(0, 100, 200, 0.25);
  --button-active-box-shadow: 0 2px 8px rgba(0, 100, 200, 0.1);
}

:root[data-theme=glass][data-color-scheme=dark] .button {
  --button-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  --button-hover-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
  --button-active-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

:root[data-theme=glass] .accordion {
  --accordion-border-radius: 12px;
}

:root[data-theme=glass] .alert {
  --alert-border-radius: 12px;
}

:root[data-theme=glass] .avatar {
  --avatar-border-radius: 50%;
}

:root[data-theme=glass] .badge {
  --badge-border-radius: 100px;
}

:root[data-theme=glass] .checkbox {
  --checkbox-border-radius: 4px;
}

:root[data-theme=glass] .chip {
  --chip-border-radius: 100px;
}

:root[data-theme=glass] .form-control {
  --form-control-border-radius: 10px;
}

:root[data-theme=glass] .list {
  --list-border-radius: 12px;
}

:root[data-theme=glass] .radio {
  --radio-border-radius: 50%;
}

:root[data-theme=glass] .select {
  --select-border-radius: 10px;
}

:root[data-theme=glass] .skeleton {
  --skeleton-border-radius: 10px;
}

:root[data-theme=glass] .spinner {
  --spinner-border-radius: 50%;
}

:root[data-theme=glass] .switch {
  --switch-border-radius: 100px;
  --switch-width: 44px;
  --switch-height: 24px;
}

/*# sourceMappingURL=glass.css.map */