/* ============================================
   AKEOSTORE THEME
   Classes de thème partagées entre sites
   (Store, CustomerArea, etc.)
   ============================================ */

/* ============================================
   VARIABLES - LIGHT MODE
   ============================================ */

:root {
    --akeostore-color-primary: #B4503C;
    --akeostore-color-primary-hover: #F4DACD;
    --akeostore-color-primary-dark: #d4795f;
    --akeostore-color-primary-dark-hover: #c06850;
}

/* ============================================
   VARIABLES - DARK MODE
   ============================================ */

[data-theme="dark"] {
    --akeostore-color-primary: #E9967A;
    --akeostore-color-primary-hover: #d4795f;
}

/* ============================================
   COULEURS TEXTE
   ============================================ */

.akeostore-color-primary {
    color: var(--akeostore-color-primary);
}

/* ============================================
   COULEURS FOND (background)
   RGAA 3.2 Contraste avec texte blanc
   ============================================ */

.akeostore-bg-color-primary {
    background-color: var(--akeostore-color-primary);
}

/* ============================================
   BOUTONS - LIGHT MODE
   RGAA 3.2 Contraste (ratio ~5.8:1 avec blanc)
   ============================================ */

.akeostore-btn-color-primary {
    background-color: var(--akeostore-color-primary) !important;
    border-color: var(--akeostore-color-primary) !important;
    color: #fff !important;
}

.akeostore-btn-color-primary:hover,
.akeostore-btn-color-primary:focus {
    background-color: var(--akeostore-color-primary-hover) !important;
    border-color: var(--akeostore-color-primary-hover) !important;
    color: #E9967A !important;
}

/* ============================================
   BOUTONS - DARK MODE
   ============================================ */

[data-theme="dark"] .akeostore-btn-color-primary {
    background-color: var(--akeostore-color-primary-dark) !important;
    border-color: var(--akeostore-color-primary-dark) !important;
    color: #fff !important;
}

[data-theme="dark"] .akeostore-btn-color-primary:hover,
[data-theme="dark"] .akeostore-btn-color-primary:focus {
    background-color: var(--akeostore-color-primary-dark-hover) !important;
    border-color: var(--akeostore-color-primary-dark-hover) !important;
    color: #fff !important;
}