:root[data-theme=neumorphism] {
  --palette-hue: 215;
  --palette-saturation: 40%;
  --palette-color-0: hsl(215, 40%, 97%);
  --palette-color-1: hsl(215, 40%, 93%);
  --palette-color-2: hsl(215, 40%, 85%);
  --palette-color-3: hsl(215, 40%, 75%);
  --palette-color-4: hsl(215, 40%, 65%);
  --palette-color-5: hsl(215, 40%, 50%);
  --palette-color-6: hsl(215, 40%, 42%);
  --palette-color-7: hsl(215, 40%, 34%);
  --palette-color-8: hsl(215, 40%, 26%);
  --palette-color-9: hsl(215, 40%, 18%);
  --palette-color-10: hsl(215, 40%, 10%);
  --palette-accent-0: hsl(215, 40%, 97%);
  --palette-accent-1: hsl(215, 40%, 97%);
  --palette-accent-2: hsl(215, 40%, 97%);
  --palette-accent-3: hsl(215, 40%, 97%);
  --palette-accent-4: hsl(215, 40%, 97%);
  --palette-accent-5: hsl(215, 40%, 97%);
  --palette-accent-6: hsl(215, 40%, 97%);
  --palette-accent-7: hsl(215, 40%, 97%);
  --palette-accent-8: hsl(215, 40%, 97%);
  --palette-accent-9: hsl(215, 40%, 97%);
  --palette-accent-10: hsl(215, 40%, 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: 220;
  --neutral-saturation: 10%;
  --neutral-color-0: hsl(220, 10%, 97%);
  --neutral-color-1: hsl(220, 10%, 93%);
  --neutral-color-2: hsl(220, 10%, 85%);
  --neutral-color-3: hsl(220, 10%, 75%);
  --neutral-color-4: hsl(220, 10%, 65%);
  --neutral-color-5: hsl(220, 10%, 50%);
  --neutral-color-6: hsl(220, 10%, 42%);
  --neutral-color-7: hsl(220, 10%, 34%);
  --neutral-color-8: hsl(220, 10%, 26%);
  --neutral-color-9: hsl(220, 10%, 18%);
  --neutral-color-10: hsl(220, 10%, 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(220, 10%, 97%);
  --neutral-accent-light: hsl(220, 10%, 97%);
  --neutral-accent-default: hsl(220, 10%, 97%);
  --neutral-accent-dark: hsl(220, 10%, 97%);
  --neutral-accent-darker: hsl(220, 10%, 97%);
  --surface-color: #e0e4ec;
  --surface-color-overlay: #eef0f5;
  --surface-color-sunken: #d8dce6;
  --surface-color-deep: #d0d4dc;
  --text-color: #3a3f4b;
  --text-color-muted: #7a7f8b;
  --border-color: #b0b9c4;
}

:root[data-theme=neumorphism][data-color-scheme=dark] {
  --surface-color: #2d2d2d;
  --surface-color-overlay: #383838;
  --surface-color-sunken: #383838;
  --surface-color-deep: #222222;
  --text-color: #d0d0d0;
  --text-color-muted: #888888;
  --border-color: #444444;
}

:root[data-theme=neumorphism] {
  --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=neumorphism] {
  --shadow-sm: 3px 3px 6px #c8ccd4, -3px -3px 6px #f8fcff;
  --shadow-md: 6px 6px 12px #c8ccd4, -6px -6px 12px #f8fcff;
  --shadow-lg: 10px 10px 20px #c0c4cc, -10px -10px 20px #ffffff;
  --shadow-xl: 14px 14px 28px #b8bcc4, -14px -14px 28px #ffffff;
}

:root[data-theme=neumorphism][data-color-scheme=dark] {
  --shadow-sm: 3px 3px 6px #262626, -3px -3px 6px #343434;
  --shadow-md: 6px 6px 12px #262626, -6px -6px 12px #343434;
  --shadow-lg: 10px 10px 20px #222222, -10px -10px 20px #383838;
  --shadow-xl: 14px 14px 28px #1e1e1e, -14px -14px 28px #3c3c3c;
}

:root[data-theme=neumorphism] .button {
  --button-border-radius: 12px;
  --button-font-size: 14px;
  --button-padding-y: 8px;
  --button-padding-x: 20px;
  --button-border-width: 0;
  --button-box-shadow: 6px 6px 12px #c8ccd4, -6px -6px 12px #f8fcff;
  --button-hover-box-shadow: 4px 4px 8px #c8ccd4, -4px -4px 8px #f8fcff;
  --button-active-box-shadow: inset 4px 4px 8px #c8ccd4, inset -4px -4px 8px #f8fcff;
}

:root[data-theme=neumorphism][data-color-scheme=dark] .button {
  --button-box-shadow: 6px 6px 12px #262626, -6px -6px 12px #343434;
  --button-hover-box-shadow: 4px 4px 8px #262626, -4px -4px 8px #343434;
  --button-active-box-shadow: inset 4px 4px 8px #262626, inset -4px -4px 8px #343434;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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