:root[data-theme=skeuomorphic] {
  --neutral-hue: 30;
  --neutral-saturation: 10%;
  --neutral-lighter: var(--neutral-color-2);
  --neutral-lighter-ch: var(--neutral-color-2-ch);
  --neutral-accent-lighter: var(--neutral-accent-2);
  --neutral-light: var(--neutral-color-3);
  --neutral-light-ch: var(--neutral-color-3-ch);
  --neutral-accent-light: var(--neutral-accent-3);
  --neutral-default: var(--neutral-color-5);
  --neutral-default-ch: var(--neutral-color-5-ch);
  --neutral-accent-default: var(--neutral-accent-5);
  --neutral-dark: var(--neutral-color-7);
  --neutral-dark-ch: var(--neutral-color-7-ch);
  --neutral-accent-dark: var(--neutral-accent-7);
  --neutral-darker: var(--neutral-color-9);
  --neutral-darker-ch: var(--neutral-color-9-ch);
  --neutral-accent-darker: var(--neutral-accent-9);
  --primary-hue: 208;
  --primary-saturation: 100%;
  --primary-lighter: var(--primary-color-2);
  --primary-lighter-ch: var(--primary-color-2-ch);
  --primary-accent-lighter: var(--primary-accent-2);
  --primary-light: var(--primary-color-3);
  --primary-light-ch: var(--primary-color-3-ch);
  --primary-accent-light: var(--primary-accent-3);
  --primary-default: var(--primary-color-5);
  --primary-default-ch: var(--primary-color-5-ch);
  --primary-accent-default: var(--primary-accent-5);
  --primary-dark: var(--primary-color-7);
  --primary-dark-ch: var(--primary-color-7-ch);
  --primary-accent-dark: var(--primary-accent-7);
  --primary-darker: var(--primary-color-8);
  --primary-darker-ch: var(--primary-color-8-ch);
  --primary-accent-darker: var(--primary-accent-8);
  --secondary-hue: 125;
  --secondary-saturation: 60%;
  --secondary-lighter: var(--secondary-color-2);
  --secondary-lighter-ch: var(--secondary-color-2-ch);
  --secondary-accent-lighter: var(--secondary-accent-2);
  --secondary-light: var(--secondary-color-3);
  --secondary-light-ch: var(--secondary-color-3-ch);
  --secondary-accent-light: var(--secondary-accent-3);
  --secondary-default: var(--secondary-color-5);
  --secondary-default-ch: var(--secondary-color-5-ch);
  --secondary-accent-default: var(--secondary-accent-5);
  --secondary-dark: var(--secondary-color-7);
  --secondary-dark-ch: var(--secondary-color-7-ch);
  --secondary-accent-dark: var(--secondary-accent-7);
  --secondary-darker: var(--secondary-color-8);
  --secondary-darker-ch: var(--secondary-color-8-ch);
  --secondary-accent-darker: var(--secondary-accent-8);
  --tertiary-hue: 300;
  --tertiary-saturation: 50%;
  --tertiary-lighter: var(--tertiary-color-2);
  --tertiary-lighter-ch: var(--tertiary-color-2-ch);
  --tertiary-accent-lighter: var(--tertiary-accent-2);
  --tertiary-light: var(--tertiary-color-3);
  --tertiary-light-ch: var(--tertiary-color-3-ch);
  --tertiary-accent-light: var(--tertiary-accent-3);
  --tertiary-default: var(--tertiary-color-5);
  --tertiary-default-ch: var(--tertiary-color-5-ch);
  --tertiary-accent-default: var(--tertiary-accent-5);
  --tertiary-dark: var(--tertiary-color-7);
  --tertiary-dark-ch: var(--tertiary-color-7-ch);
  --tertiary-accent-dark: var(--tertiary-accent-7);
  --tertiary-darker: var(--tertiary-color-9);
  --tertiary-darker-ch: var(--tertiary-color-9-ch);
  --tertiary-accent-darker: var(--tertiary-accent-9);
  --danger-hue: 0;
  --danger-saturation: 80%;
  --danger-lighter: var(--danger-color-2);
  --danger-lighter-ch: var(--danger-color-2-ch);
  --danger-accent-lighter: var(--danger-accent-2);
  --danger-light: var(--danger-color-3);
  --danger-light-ch: var(--danger-color-3-ch);
  --danger-accent-light: var(--danger-accent-3);
  --danger-default: var(--danger-color-5);
  --danger-default-ch: var(--danger-color-5-ch);
  --danger-accent-default: var(--danger-accent-5);
  --danger-dark: var(--danger-color-7);
  --danger-dark-ch: var(--danger-color-7-ch);
  --danger-accent-dark: var(--danger-accent-7);
  --danger-darker: var(--danger-color-8);
  --danger-darker-ch: var(--danger-color-8-ch);
  --danger-accent-darker: var(--danger-accent-8);
  --success-hue: 125;
  --success-saturation: 65%;
  --success-lighter: var(--success-color-2);
  --success-lighter-ch: var(--success-color-2-ch);
  --success-accent-lighter: var(--success-accent-2);
  --success-light: var(--success-color-3);
  --success-light-ch: var(--success-color-3-ch);
  --success-accent-light: var(--success-accent-3);
  --success-default: var(--success-color-5);
  --success-default-ch: var(--success-color-5-ch);
  --success-accent-default: var(--success-accent-5);
  --success-dark: var(--success-color-7);
  --success-dark-ch: var(--success-color-7-ch);
  --success-accent-dark: var(--success-accent-7);
  --success-darker: var(--success-color-8);
  --success-darker-ch: var(--success-color-8-ch);
  --success-accent-darker: var(--success-accent-8);
  --warning-hue: 42;
  --warning-saturation: 100%;
  --warning-lighter: var(--warning-color-2);
  --warning-lighter-ch: var(--warning-color-2-ch);
  --warning-accent-lighter: var(--warning-accent-2);
  --warning-light: var(--warning-color-3);
  --warning-light-ch: var(--warning-color-3-ch);
  --warning-accent-light: var(--warning-accent-3);
  --warning-default: var(--warning-color-4);
  --warning-default-ch: var(--warning-color-4-ch);
  --warning-accent-default: var(--warning-accent-4);
  --warning-dark: var(--warning-color-7);
  --warning-dark-ch: var(--warning-color-7-ch);
  --warning-accent-dark: var(--warning-accent-7);
  --warning-darker: var(--warning-color-8);
  --warning-darker-ch: var(--warning-color-8-ch);
  --warning-accent-darker: var(--warning-accent-8);
  --info-hue: 200;
  --info-saturation: 90%;
  --info-lighter: var(--info-color-2);
  --info-lighter-ch: var(--info-color-2-ch);
  --info-accent-lighter: var(--info-accent-2);
  --info-light: var(--info-color-3);
  --info-light-ch: var(--info-color-3-ch);
  --info-accent-light: var(--info-accent-3);
  --info-default: var(--info-color-5);
  --info-default-ch: var(--info-color-5-ch);
  --info-accent-default: var(--info-accent-5);
  --info-dark: var(--info-color-7);
  --info-dark-ch: var(--info-color-7-ch);
  --info-accent-dark: var(--info-accent-7);
  --info-darker: var(--info-color-8);
  --info-darker-ch: var(--info-color-8-ch);
  --info-accent-darker: var(--info-accent-8);
}

:root[data-theme=skeuomorphic],
:root[data-theme=skeuomorphic][data-color-scheme=light] {
  --border-color: #b8a898;
  --text-color: #1a1a1a;
  --text-color-muted: #6a5a4a;
  --surface-color: #f0ebe4;
  --surface-color-overlay: #f8f5f0;
  --surface-color-raised: #ede6dd;
  --surface-color-sunken: #ddd4c8;
  --surface-color-deep: #c8bfb0;
}

:root[data-theme=skeuomorphic][data-color-scheme=dark] {
  --border-color: #5a4838;
  --text-color: #e8ddd0;
  --text-color-muted: #a09080;
  --surface-color: #2a2018;
  --surface-color-overlay: #362a20;
  --surface-color-raised: #302418;
  --surface-color-sunken: #201810;
  --surface-color-deep: #180e08;
}

:root[data-theme=skeuomorphic] {
  --font-family: "Helvetica Neue", Helvetica, "Gill Sans MT", Arial, sans-serif;
  --font-size-base: 14px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
}

:root[data-theme=skeuomorphic] {
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 8px 20px rgba(0, 0, 0, 0.4), 0 16px 40px rgba(0, 0, 0, 0.3);
}

:root[data-theme=skeuomorphic][data-color-scheme=dark] {
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.6), 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 8px 20px rgba(0, 0, 0, 0.65), 0 16px 40px rgba(0, 0, 0, 0.55);
}

:root[data-theme=skeuomorphic] .button {
  --button-border-radius: 10px;
  --button-font-size: 14px;
  --button-padding-y: 8px;
  --button-padding-x: 20px;
  --button-border-width: 1px;
  --button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.4),
    0 1px 2px rgba(0, 0, 0, 0.3);
  --button-hover-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.45),
    0 2px 4px rgba(0, 0, 0, 0.35);
  --button-active-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}

:root[data-theme=skeuomorphic][data-color-scheme=dark] .button {
  --button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.6),
    0 1px 2px rgba(0, 0, 0, 0.5);
  --button-hover-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.65),
    0 2px 4px rgba(0, 0, 0, 0.55);
  --button-active-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
}

:root[data-theme=skeuomorphic] .accordion {
  --accordion-border-radius: 8px;
  --accordion-header-font-size: 14px;
}

:root[data-theme=skeuomorphic] .alert {
  --alert-border-radius: 8px;
  --alert-font-size: 14px;
}

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

:root[data-theme=skeuomorphic] .badge {
  --badge-border-radius: 10px;
  --badge-font-size: 12px;
}

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

:root[data-theme=skeuomorphic] .chip {
  --chip-border-radius: 14px;
  --chip-font-size: 13px;
}

:root[data-theme=skeuomorphic] .form-control {
  --form-control-border-radius: 8px;
  --form-control-font-size: 14px;
  --form-control-padding-y: 7px;
  --form-control-padding-x: 10px;
}

:root[data-theme=skeuomorphic] .list {
  --list-item-border-radius: 6px;
  --list-font-size: 14px;
}

:root[data-theme=skeuomorphic] .radio {
  --radio-size: 16px;
}

:root[data-theme=skeuomorphic] .select {
  --select-border-radius: 8px;
  --select-font-size: 14px;
  --select-padding-y: 7px;
  --select-padding-x: 10px;
}

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

:root[data-theme=skeuomorphic] .spinner {
  --spinner-border-width: 3px;
}

:root[data-theme=skeuomorphic] .switch {
  --switch-border-radius: 100px;
  --switch-width: 51px;
  --switch-height: 31px;
}

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