:root {
    --font-sansflex: 'Google Sans Flex', sans-serif;
    --font-figtree: 'Figtree', sans-serif;
    --font-dmsans: 'DM Sans', sans-serif;

    /* Primary Brand Colors */
    --brand-primary: #EF488D;
    --primary-dark: #AC3465;
    --primary-deep: #793232;
    
    /* Text Colors */
    --dark-text: #0A100D;
    --light-text: #FFFFFF;
    --white-color: #FFFFFF;
    --text-color-default: #404040;
    --text-color-muted: #666;
    --text-color-dark: #111;
    --text-color-light: #0a100d;

    /* Background Colors */
    --footer-bg: #f7f4ec;
    --body-bg: #FFFFFF;
    --header-bg: transparent;
    --header-colored-bg: #fff5f9;
    --pre-bg: #eee;
    --mark-bg: #fff9c0;
    --screen-reader-bg: #f1f1f1;
    --offers-bg: #121b24;
    --hero-content-bg: rgba(255, 245, 249, 0.42);
    --scrollbar-track-bg: #f3e6ec;

    /* Gradient */
    --gradient-bg: linear-gradient(180deg, #F598BF 0%, var(--brand-primary) 100%);
    --subtitle-gradient: linear-gradient(90deg, #ff7aa2, #ff4d8d);
    --circle-title-gradient: linear-gradient(90deg, #EF488D 0%, rgba(239, 72, 141, 0) 100%);

    /* Border Colors */
    --border-color-light: #dbdbdb;
    --border-color-default: #ccc;
    --border-color-dark: #bbb;
    --border-color-darker: #aaa;
    --border-color-cart: #F5AECB;

    /* Link Colors */
    --link-color: #4169e1;
    --link-visited: #800080;
    --link-hover: #191970;

    /* Button Colors */
    --button-bg: #e6e6e6;
    --button-text: rgba(0, 0, 0, 0.8);
    --button-border-1: #ccc;
    --button-border-2: #bbb;
    --button-border-3: #aaa;

    /* Form Colors */
    --form-text: #666;
    --form-border: #ccc;
    --form-focus-text: #111;

    /* Treatment Card Colors */
    --treatment-card-bg: #F5F5F5;
    --treatment-label-bg: #FFFFFF;
    --treatment-label-color: var(--dark-text);
    --treatment-label-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --treatment-image-bg: #E8E8E8;
    --treatment-button-bg: #F04B8F;
    --treatment-button-hover-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    /* Treatments Section Colors */
    --treatments-overlay-bg: rgba(0, 0, 0, 0.4);
    --treatments-category-color: var(--white-color);
    --treatments-title-color: var(--white-color);
    --treatments-button-color: var(--white-color);
    --treatments-button-border: var(--white-color);
    --treatments-button-hover-bg: var(--brand-primary);

    /* Gallery Colors */
    --gallery-bg: #0c0c0f;
    --gallery-surface: #141418;
    --gallery-border: rgba(255, 255, 255, 0.07);
    --gallery-accent: #5d8bff;
    --gallery-text: #f0f0f0;
    --gallery-muted: #888;

    /* Accessibility Colors */
    --screen-reader-focus-color: #21759b;

    /* Overlay Colors */
    --overlay-dark: rgba(0, 0, 0, 0.4);
    --overlay-light: rgba(0, 0, 0, 0.1);
    --overlay-subtle: rgba(0, 0, 0, 0.03);
    --overlay-white: rgba(255, 255, 255, 0.2);

    /* Additional Component Colors */
    --grid-box-accent: #F598BF;
    --gradient-primary: linear-gradient(180deg, #F598BF 0%, #EF488D 100%);
    --pagination-border: #a196b2;
    --accordion-bg: #f2cfdd;
    --accordion-text: #e91e63;
    --accordion-arrow: #f06292;
    --therapist-bg: #fce4ec;
    --therapist-overlay: linear-gradient(180deg, rgba(239, 72, 141, 0) 0%, #ef488d 61.48%);
    --therapist-text: #c27092;
    --table-text: #212529;
    --service-name: #111111;
    --booking-title: #f26fa5;
    --booking-input-bg: #fee8f0;
    --booking-error: #ff0000c9;
    --booking-accent: #f26fa5;
    --footer-border: #9a563a94;
    --gradient-text: #6b6668;
    --glass-border: #AAAAAA;
    --glass-text: #D5D5D5;
    --gradient-light: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    --gradient-therapist: linear-gradient(180deg, rgba(255, 199, 222, 0) 0%, #ffc7de 61.48%);
    --gradient-card: linear-gradient(93.23deg, #F5AECB 0%, rgba(245, 174, 203, 0) 90%);
    --gradient-glass: linear-gradient(94.7deg, rgba(255, 255, 255, 0.18) -3.36%, rgba(255, 255, 255, 0.54) 90.89%);

    /* Transition */
    --global-t-02: all 0.2s ease-in-out;
    --global-t-03: all 0.3s ease-in-out;
    --header-t-03: padding 0.3s ease, font-size 0.3s ease, line-height 0.3s ease;

    /* Shadow */
    --header-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --box-shadow-light: 0 3px 3px rgba(0, 0, 0, 0.2);
    --box-shadow-focus: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    /* Radius */
    --radius: 12px;
    --gap: 20px;
    --transition: 0.35s cubic-Bezier(.4, 0, .2, 1);
}