﻿
.theme-ehp {
    /* ===== GREY ===== */
    --color-grey-900: #1c1d21;
    --color-grey-800: #35363a;
    --color-grey-700: #4e4f52;
    --color-grey-600: #68686b;
    --color-grey-500: #818184;
    --color-grey-400: #9a9b9c;
    --color-grey-300: #b3b4b5;
    --color-grey-200: #cdcdce;
    --color-grey-100: #e6e6e6;
    /* ===== PRIMARY ===== */
    --color-primary-900: #C8B95B; /* Nouveau primaire */
    --color-primary-800: #58c3be;
    --color-primary-700: #85D0CD;
    --color-primary-600: #85D0CD;
    --color-primary: #58c3be;
    --color-primary-500: rgba(174, 165, 79, 1);
    --color-primary-400: rgb(160, 150, 90);
    --color-primary-300: rgb(191, 181, 130);
    --color-primary-200: rgb(214, 205, 161);
    --color-primary-100: rgb(235, 226, 192);
    /* ===== SECONDARY ===== */
    --color-secondary-900: var(--color-grey-900);
    --color-secondary-800: var(--color-grey-800);
    --color-secondary-700: var(--color-grey-700);
    --color-secondary-600: var(--color-grey-600);
    --color-secondary: var(--color-grey-500);
    --color-secondary-500: var(--color-grey-500);
    --color-secondary-400: var(--color-grey-400);
    --color-secondary-300: var(--color-grey-300);
    --color-secondary-200: var(--color-grey-200);
    --color-secondary-100: var(--color-grey-100);
    /* ===== TERTIARY ===== */
    --color-tertiary-900: #493101;
    --color-tertiary-800: #6b4802;
    --color-tertiary-700: #a97306;
    --color-tertiary-600: #bd8108;
    --color-tertiary: #f0a91d;
    --color-tertiary-500: #f6bb46;
    --color-tertiary-400: #f8c660;
    --color-tertiary-300: #f2ca79;
    --color-tertiary-200: #fce2af;
    /* ===== WARNING ===== */
    --color-warning-800: #5B2A2A;
    --color-warning-600: #8F4242;
    --color-warning: #B25757;
    --color-warning-200: #BD6F6F;
    /* ===== BLUE ===== */
    --color-blue-800: rgb(1, 59, 167);
    --color-blue: rgb(46, 117, 249);
    --color-blue-200: rgb(188, 218, 255);
    /* ===== INFOS ===== */
    --color-error: rgb(178, 89, 89);
    --color-success: rgb(89, 178, 113);
    /* ===== BASICS ===== */
    --color-white: rgb(255, 255, 255);
    --color-black: rgb(0, 0, 0);
    --color-10-darker: rgba(0, 0, 0, 0.1);
    --border-radius-off: unset;
    --border-radius-s: 0;
    --border-radius-m: 0;
    --border-radius-l: 10rem;
    /* ===== LINKS ===== */
    --color-link-text: var(--color-primary);
    --color-link-text--hover: var(--color-primary-500);
    --color-link-text--dark: var(--color-primary-300);
    --color-link-text--hover--dark: var(--color-primary-100);
    /* ===== PAGE ===== */
    --color-page-bg: var(--color-secondary-900);
    --color-page-bg--light: var(--color-grey-200);
    --color-page-bg--dark: var(--color-primary-800);
    --color-page-text: var(--color-black);
    --color-page-text--light: var(--color-grey-800);
    --color-page-text--dark: var(--color-white);
    /* ===== HEADER ===== */
    --color-header-bg: var(--color-secondary-200);
    --color-header-fg: var(--color-white);
    --color-header-bg--dark: var(--color-primary-800);
    --color-header-logo: var(--color-primary-800);
    --color-header-logo-brand: var(--color-primary-600);
    --color-header-logo--dark: var(--color-white);
    --color-header-fg--dark: var(--color-white);
    --color-header-logo-brand--dark: var(--color-primary);
    /* ===== SUBNAV ===== */
    --color-subnav-bg: var(--color-primary-400);
    --color-subnav-input-bg: var(--color-primary-400);
    --color-subnav-input-bg-hover: var(--color-primary-200);
    --color-subnav-input-border: var(--color-primary-400);
    --color-subnav-input-border-hover: var(--color-primary-200);
    --color-subnav-input-border-focus: transparent;
    --color-subnav-input-text: var(--color-primary-700);
    /* ===== MENU ===== */
    --color-menu-bg: var(--color-primary-800);
    /* ===== FOOTER ===== */
    --color-footer-bg: var(--color-primary-800);
    --color-footer-text: var(--color-white);
    --color-footer-link: var(--color-primary-300);
    /* ===== LINK ===== */
    --color-link: var(--color-primary);
    --color-link--hover: var(--color-primary-200);
    /* ===== CARD ===== */
    --color-card-bg: var(--color-white);
    --color-card-category-bg: var(--color-primary);
    --color-card-category-text: var(--color-white);
    --color-card-img-blank: var(--color-grey-300);
    --color-card-img-blank-icon: var(--color-grey-400);
    --color-card-hover: var(--color-primary-100);
    --color-cardLink-bg: var(--color-primary);
    --color-cardLink-bg-hover: var(--color-primary-600);
    --color-cardLink-text: var(--color-white);
    --color-cardLink-text-hover: var(--color-white);
    --color-cardLink-border: var(--color-primary);
    --color-cardLink-border-hover: var(--color-primary-600);
    --color-cardLink-bg--light: var(--color-secondary-200);
    --color-cardLink-bg-hover--light: var(--color-white);
    --color-cardLink-text--light: var(--color-black);
    --color-cardLink-border--light: var(--color-secondary-200);
    --color-cardLink-border-hover--light: var(--color-secondary-200);
    --color-cardSubmenu-bg-hover: var(--color-white);
    --color-cardSubmenu-border-hover: var(--color-primary);
    --color-cardSubmenu-text-hover: var(--color-primary-800);
    --color-cardSubmenu-bg-active: var(--color-white);
    --color-cardSubmenu-border-active: var(--color-primary);
    --color-cardSubmenu-text-active: var(--color-primary-600);
    --color-cardSubmenu-bg-hover--light: var(--color-secondary-200);
    --color-cardSubmenu-border-hover--light: var(--color-secondary);
    --color-cardSubmenu-text-hover--light: var(--color-secondary-800);
    --color-cardSubmenu-bg-active--light: var(--color-white);
    --color-cardSubmenu-border-active--light: var(--color-primary);
    --color-cardSubmenu-text-active--light: var(--color-primary);
    --color-card-text: var(--color-black);
    --color-card-text--active: var(--color-primary);
    --color-card-border--active: var(--color-primary-600);
    /* ===== PILL ===== */
    --color-pill-bg: var(--color-white);
    --color-pill-icon: var(--color-primary);
    --color-pill-text: var(--color-black);
    --color-pill-text--reverse: var(--color-white);
    --color-pill-border: var(--color-secondary-500);
    --color-pill-bg-highlight--primary: var(--color-blue);
    --color-pill-icon-highlight--primary: var(--color-blue-200);
    --color-pill-border-highlight--primary: var(--color-blue-200);
    --color-pill-bg-highlight--secondary: var(--color-blue-200);
    --color-pill-text-highlight--secondary: var(--color-black);
    --color-pill-icon-highlight--secondary: var(--color-blue);
    --color-pill-border-highlight--secondary: var(--color-blue);
    --color-pill-bg--warning: var(--color-white);
    --color-pill-icon--warning: var(--color-warning);
    --color-pill-text--warning: var(--color-warning);
    --color-pill-bg--error: var(--color-white);
    --color-pill-icon--error: var(--color-error);
    --color-pill-text--error: var(--color-error);
    --color-pill-bg--counter: var(--color-tertiary);
    --color-pill-border--counter: var(--color-tertiary-600);
    --color-pill-text--counter: var(--color-white);
    /* ===== DROP DOWN ===== */
    --color-dropdow-btn-bg: var(--color-primary);
    --color-dropdow-btn-bg-hover: var(--color-primary-600);
    --color-dropdow-btn-icon: var(--color-white);
    --color-dropdow-btn-text: var(--color-white);
    --color-dropdow-option-bg: var(--color-primary-600);
    --color-dropdow-option-bg-hover: var(--color-primary);
    --color-dropdow-option-icon: var(--color-white);
    --color-dropdow-option-text: var(--color-white);
    /* ===== DropZone ===== */
    --color-DropZone-bg: var(--color-primary);
    --color-DropZone-bg-hover: var(--color-primary-600);
    --color-DropZone-text: var(--color-white);
    --color-DropZone-border-text: var(--color-white);
    /* ===== BUTTON ===== */
    --color-btn-bg--primary: var(--color-primary);
    --color-btn-border--primary: var(--color-primary);
    --color-btn-icon--primary: var(--color-primary-800);
    --color-btn-text--primary: var(--color-white);
    --color-btn-bg--primary-hover: var(--color-primary-600);
    --color-btn-border--primary-hover: var(--color-primary-600);
    --color-btn-icon--primary-hover: var(--color-primary-200);
    --color-btn-text--primary-hover: var(--color-white);
    --color-btn-bg--primary-active: var(--color-primary-800);
    --color-btn-border--primary-active: var(--color-primary-800);
    --color-btn-icon--primary-active: var(--color-white);
    --color-btn-text--primary-active: var(--color-white);
    --color-btn-bg--primary--dark: var(--color-primary);
    --color-btn-border--primary--dark: var(--color-primary);
    --color-btn-icon--primary--dark: var(--color-primary-800);
    --color-btn-text--primary--dark: var(--color-white);
    --color-btn-bg--primary-hover--dark: var(--color-primary-600);
    --color-btn-border--primary-hover--dark: var(--color-primary-600);
    --color-btn-icon--primary-hover--dark: var(--color-primary-200);
    --color-btn-text--primary-hover--dark: var(--color-white);
    --color-btn-bg--primary-active--dark: var(--color-primary-800);
    --color-btn-border--primary-active--dark: var(--color-primary-800);
    --color-btn-icon--primary-active--dark: var(--color-white);
    --color-btn-text--primary-active--dark: var(--color-white);
    --color-btn-bg--secondary: var(--color-secondary-200);
    --color-btn-border--secondary: var(--color-secondary-200);
    --color-btn-icon--secondary: var(--color-primary);
    --color-btn-text--secondary: var(--color-primary-800);
    --color-btn-bg--secondary-hover: var(--color-secondary-300);
    --color-btn-border--secondary-hover: var(--color-secondary-300);
    --color-btn-icon--secondary-hover: var(--color-primary-600);
    --color-btn-text--secondary-hover: var(--color-primary-700);
    --color-btn-bg--secondary-active: var(--color-secondary-300);
    --color-btn-border--secondary-active: var(--color-secondary-300);
    --color-btn-icon--secondary-active: var(--color-primary-900);
    --color-btn-text--secondary-active: var(--color-primary-900);
    --color-btn-bg--secondary--dark: var(--color-secondary-200);
    --color-btn-border--secondary--dark: var(--color-secondary-200);
    --color-btn-icon--secondary--dark: var(--color-primary);
    --color-btn-text--secondary--dark: var(--color-primary-800);
    --color-btn-bg--secondary-hover--dark: var(--color-secondary-300);
    --color-btn-border--secondary-hover--dark: var(--color-secondary-300);
    --color-btn-icon--secondary-hover--dark: var(--color-primary-600);
    --color-btn-text--secondary-hover--dark: var(--color-primary-700);
    --color-btn-bg--secondary-active--dark: var(--color-secondary-300);
    --color-btn-border--secondary-active--dark: var(--color-secondary-300);
    --color-btn-icon--secondary-active--dark: var(--color-primary-900);
    --color-btn-text--secondary-active--dark: var(--color-primary-900);
    --color-btn-bg--transparent: transparent;
    --color-btn-border--transparent: transparent;
    --color-btn-icon--transparent: var(--color-primary);
    --color-btn-text--transparent: var(--color-primary-700);
    --color-btn-bg--transparent-hover: var(--color-primary-200);
    --color-btn-border--transparent-hover: var(--color-primary-200);
    --color-btn-icon--transparent-hover: var(--color-primary-600);
    --color-btn-text--transparent-hover: var(--color-primary-800);
    --color-btn-bg--transparent-active: transparent;
    --color-btn-border--transparent-active: var(--color-primary-300);
    --color-btn-icon--transparent-active: var(--color-primary-700);
    --color-btn-text--transparent-active: var(--color-primary-900);
    --color-btn-bg--transparent--dark: transparent;
    --color-btn-border--transparent--dark: transparent;
    --color-btn-icon--transparent--dark: var(--color-primary);
    --color-btn-text--transparent--dark: var(--color-white);
    --color-btn-bg--transparent-hover--dark: var(--color-primary-700);
    --color-btn-border--transparent-hover--dark: var(--color-primary-700);
    --color-btn-icon--transparent-hover--dark: var(--color-primary);
    --color-btn-text--transparent-hover--dark: var(--color-white);
    --color-btn-bg--transparent-active--dark: transparent;
    --color-btn-border--transparent-active--dark: var(--color-primary-700);
    --color-btn-icon--transparent-active--dark: var(--color-primary-500);
    --color-btn-text--transparent-active--dark: var(--color-white);
    --color-btn-bg--warning: var(--color-warning);
    --color-btn-border--warning: var(--color-warning);
    --color-btn-icon--warning: var(--color-warning-800);
    --color-btn-text--warning: var(--color-white);
    --color-btn-bg--warning-hover: var(--color-warning-600);
    --color-btn-border--warning-hover: var(--color-warning-600);
    --color-btn-icon--warning-hover: var(--color-warning-200);
    --color-btn-text--warning-hover: var(--color-white);
    --color-btn-bg--warning-active: var(--color-warning-800);
    --color-btn-border--warning-active: var(--color-warning-800);
    --color-btn-icon--warning-active: var(--color-white);
    --color-btn-text--warning-active: var(--color-white);
    --color-btn-bg--like: var(--color-blue);
    --color-btn-border--like: var(--color-blue);
    --color-btn-icon--like: var(--color-white);
    --color-btn-text--like: var(--color-white);
    --color-btn-bg--like-hover: var(--color-blue-800);
    --color-btn-border--like-hover: var(--color-blue-800);
    --color-btn-icon--like-hover: var(--color-blue-200);
    --color-btn-text--like-hover: var(--color-blue-200);
    --color-btn-bg--like-active: var(--color-blue-800);
    --color-btn-border--like-active: var(--color-blue-800);
    --color-btn-icon--like-active: var(--color-white);
    --color-btn-text--like-active: var(--color-white);
    --color-btn-icon-disabled--primary: var(--color-primary-600);
    --color-btn-icon-disabled--secondary: var(--color-secondary-500);
    /* ===== NAVIGATION ===== */
    --color-navBtn-bg--primary: var(--color-primary);
    --color-navBtn-icon--primary: var(--color-primary-800);
    --color-navBtn-icon-disabled--primary: var(--color-primary-600);
    --color-navBtn-text--primary: var(--color-white);
    --color-navBtn-hyphen--primary: var(--color-primary-700);
    --color-navBtn-icon--secondary: var(--color-primary);
    --color-navBtn-bg--secondary: var(--color-secondary-300);
    --color-navBtn-bg-active--secondary: var(--color-primary);
    --color-navBtn-icon-disabled--secondary: var(--color-secondary-500);
    --color-navBtn-text--secondary: var(--color-primary-800);
    --color-navBtn-text-active--secondary: var(--color-white);
    --color-navBtn-hyphen--secondary: var(--color-secondary-500);
    /* ===== PRICE ===== */
    --color-price: var(--color-black);
    --color-price--highlight: var(--color-blue);
    /* ===== LABEL ===== */
    --color-label-text: var(--color-secondary-900);
    --color-label-text--dark: var(--color-primary-200);
    /* ===== INPUT ===== */
    /* Light */
    --color-input-bg: var(--color-grey-200);
    --color-input-bg-hover: var(--color-grey-200);
    --color-input-bg-focus: var(--color-grey-200);
    --color-input-bg-checked: var(--color-tertiary);
    --color-input-bg-checked-hover: var(--color-tertiary-600);
    --color-input-border: var(--color-grey-300);
    --color-input-border-hover: var(--color-grey-400);
    --color-input-border-focus: var(--color-primary-400);
    --color-input-border-checked: var(--color-tertiary);
    --color-input-border-checked-hover: var(--color-tertiary-600);
    --color-input-text: var(--color-black);
    --color-input-text-checked: var(--color-white);
    --color-input-placeholder: var(--color-grey-600);
    /* Dark */
    --color-input-bg--dark: var(--color-primary-900);
    --color-input-bg-hover--dark: var(--color-primary-800);
    --color-input-bg-focus--dark: var(--color-primary-700);
    --color-input-bg-checked--dark: var(--color-tertiary-200);
    --color-input-bg-checked-hover--dark: var(--color-tertiary-300);
    --color-input-border--dark: var(--color-primary-700);
    --color-input-border-hover--dark: var(--color-primary-600);
    --color-input-border-focus--dark: var(--color-primary-400);
    --color-input-border-checked--dark: var(--color-tertiary-200);
    --color-input-border-checked-hover--dark: var(--color-tertiary-300);
    --color-input-text--dark: var(--color-white);
    --color-input-text-checked--dark: var(--color-tertiary-800);
    --color-input-placeholder--dark: var(--color-primary-200);
    /* ===== TOOLTIP ===== */
    --color-tooltip-bg: var(--color-grey-200);
    --color-tooltip-bg--dark: var(--color-primary-600);
    --color-tooltip-text: var(--color-black);
    --color-tooltip-text--dark: var(--color-white);
    /* ===== ACCORDION ===== */
    --color-accordion-bg: var(--color-white);
    --color-accordion-text: var(--color-primary-600);
    --color-accordion-bg--open: var(--color-primary);
    --color-accordion-text--open: var(--color-white);
    --color-accordion-bg--closed: var(--color-primary-600);
    --color-accordion-text--closed: var(--color-white);
    --color-accordion-text--link: var(--color-primary);
    /* ===== TABLE ===== */
    --color-table-bg: var(--color-grey-100);
    --color-table-bg--alternate: var(--color-white);
    --color-table-foot-bg: var(--color-grey-400);
    --color-table-border: var(--color-grey-300);
    /* ===== SWIPER ===== */
    --color-swiper-bullet-bg: var(--color-btn-bg--primary);
    --color-swiper-bullet-border: var(--color-btn-bg--secondary);
    --color-swiper-bullet-bg--active: var(--color-btn-bg--primary-hover);
    --color-swiper-bullet-border--active: var(--color-btn-border--primary-hover);
    /* ===== */
    /* SIZES */
    /* ===== */
    /* ===== INPUT ===== */
    --size-input-height: 3.4rem;
    /* ===== BUTTON ===== */
    --size-btn-padding-horizontal-standard: 1.8rem;
    --size-btn-padding-horizontal-small: .8rem;
    --size-btn-padding-vertical-standard: 1.2rem;
    --size-btn-padding-vertical-small: 0.8rem;
    --size-btn-icon-only-padding-standard: 1.2rem;
    --size-btn-icon-only-padding-small: 0.8rem;
    --size-btn-icon-spacing-standard: 1rem;
    /* ===== TOOLTIP ===== */
    --size-tooltip-padding: 1.2rem .8rem .8rem;
    /* ===== PILL ===== */
    --size-pill-padding-horizontal-standard: 0.8rem;
    --size-pill-padding-horizontal-small: 0.6rem;
    --size-pill-padding-vertical-standard: 0.4rem;
    --size-pill-padding-vertical-small: 0rem;
    --size-pill-icon-spacing-standard: 0.7rem;
    --size-pill-icon-spacing-small: 0.5rem;
    /* ===== CARD ===== */
    --size-card-body-padding: 0;
    /* ===== */
    /* RADIUS */
    /* ===== */
    /* ===== INPUT ===== */
    --radius-input: var(--border-radius-s);
    /* ===== COUNTER ===== */
    --radius-counter: var(--border-radius-l);
    /* ===== PILL ===== */
    --radius-pill: var(--border-radius-s);
    /* ===== BUTTON ===== */
    --radius-btn: var(--border-radius-s);
    /* ===== CARD ===== */
    --radius-card: var(--border-radius-s);
}
