/*//////////////*/
/*  VARIABLES  */
/*////////////*/
:root {
    color-scheme: light dark;
    --border-radius-small: 8px;
    --border-radius-base: 12px;
    --border-radius-large: 24px;
    --breakpoint-small: 640px;
    --breakpoint-medium: 960px;
    --breakpoint-large: 1200px;
    --breakpoint-xlarge: 1400px;
    /* COLORS */
    --brand-color-primary: #6C62DD;
    --brand-color-primary-shade-1: #EBE9FB;
    --brand-color-primary-shade-2: #524BA8;
    --brand-color-primary-shade-3: #3E3980;
    --brand-color-menu-digital: #DE6287;
    --brand-color-online: #6293DD;
    --brand-color-salon: #DE8F62;
    --brand-color-reservas: #6FD190;
    --brand-color-facturacion: #CD4444;
    --text-primary: #212121;
    --text-secondary: #656566;
    --text-tertiary: #9D9C9E;
    --text-accent: var(--brand-color-primary);
    --background-front: #FDFCFF;
    --background-back: #F5F5FB;
    --background-white: #FFFFFF;
    --background-black: #151514;
    --border-inputs: #C8C8CC;
    --border-dividers: #E1E1E5;
    --elevation-color: 148, 171, 194;
    /* STATUS */
    --status-error: #DD6262;
    --status-error-shade-1: #FBE9E9;
    --whatsapp-color: #008069;
    --whatsapp-color-shade-1: #e7fce3;
    /* FONT */
    --font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe Ui, sans-serif;
    --font-size-xsmall: 12px;
    --font-size-small: 14px;
    --font-size-base: 16px;
    --font-size-large: 18px;
    --font-size-xlarge: 20px;
    --font-weight-regular: 400;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --h1-font-size: 54px;
    --h2-font-size: 46px;
    --h3-font-size: 40px;
    --h4-font-size: 36px;
    --h5-font-size: 24px;
    --h6-font-size: 20px;
    /* SPACING */
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-28: 28px;
    --spacing-32: 32px;
    --spacing-36: 36px;
    --spacing-40: 40px;
    --spacing-44: 44px;
    --spacing-48: 48px;
    --spacing-60: 60px;
    --spacing-100: 100px;
    /* FOR CLIENTS */
    --brand-client-color: transparent;
    /* Ovverides */
    --swiper-theme-color: #6C62DD;
    --swiper-pagination-bullet-inactive-color: #E1E1E5;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-front: #2D2C36;
        --background-back: #27262E;
        --text-primary: #E2E2E3;
        --text-secondary: #ABABAE;
        --text-tertiary: #7D7C82;
        --border-dividers: #43424F;
        --border-inputs: #585769;
        --brand-color-primary: #827ADE;
        --brand-color-primary-shade-1: #393561;
        --brand-color-primary-shade-3: #3E3980;
        --elevation-color: 0, 0, 0;
        --status-error: #F64868;
        --status-error-shade-1: #4D2A30;
        --whatsapp-color: #00a884;
        --whatsapp-color-shade-1: #0a332c;
        --swiper-pagination-bullet-inactive-color: #43424F;
    }
}

@media (max-width: 960px) {
    :root {
        --font-size-small: 12px;
        --font-size-base: 14px;
        --font-size-large: 16px;
        --h1-font-size: 50px;
        --h2-font-size: 42px;
        --h3-font-size: 36px;
        --h4-font-size: 32px;
        --h5-font-size: 20px;
        --h6-font-size: 18px;
    }
}

@media (max-width: 640px) {
    :root {
        --h1-font-size: 40px;
    }
}