/* ============================================================
   assets/css/custom.css
   TekTek Academy — tektekacademy.com
   ------------------------------------------------------------
   Se charge APRÈS styles.css et écrase ses variables.
   Ne modifie jamais styles.css directement.
   ============================================================ */

:root {
    /* ---- Couleurs de marque ---------------------------------- */
    --color-primary: #123A8C;          /* bleu profond */
    --color-primary-100: #0C2A66;      /* survol, états actifs */
    --color-secondary: #F2A93B;        /* or chaud — badges, prix, accents */

    --primary-opacity: #123A8C21;
    --secondary-opacity: #F2A93B21;

    --color-primary-light: #F3F6FC;    /* fonds de section */
    --color-primary-lighter: #E7EDF8;  /* cartes, encarts */
    --color-primary-alt: #DCE5F5;

    --gradient-dark: linear-gradient(90deg, #123A8Cbf 0%, #3E6BC9ab 100%);
    --gradient-dark-2: linear-gradient(90deg, #123A8C7d 0%, #3E6BC952 100%);

    /* ---- Texte ----------------------------------------------- */
    --color-heading: #14213D;
    --color-body: #5C6478;

    /* ---- Cartes colorées (sections « catégories ») ------------ */
    --color-card-1: #FFF6DE;
    --color-card-2: #E7EDF8;
    --color-card-3: #FFE9E4;
    --color-card-4: #E4F3F1;
    --color-card-5: #123A8C;
    --color-card-6: #14213D;

    /* ---- Arrondis -------------------------------------------- */
    --radius: 8px;
    --radius-small: 6px;
    --radius-10: 12px;
    --radius-big: 16px;

    /* ---- États ----------------------------------------------- */
    --color-success: #2E9E63;
    --color-danger: #D64545;
    --color-warning: #E8912D;
    --color-info: #2C86C4;
}

/* ============================================================
   RETOUCHES DE MARQUE
   ============================================================ */

/* Logo : ajuste la hauteur selon ton fichier */
.logo img {
    max-height: 48px;
    width: auto;
}

/* Boutons principaux : aplat plus lisible que le dégradé d'origine */
.rbt-btn.btn-gradient {
    background: var(--color-primary);
}

.rbt-btn.btn-gradient:hover {
    background: var(--color-primary-100);
}

/* Prix et tarifs */
.rbt-price .current-price {
    color: var(--color-primary);
}

/* Barre supérieure */
.rbt-header-top {
    background: var(--color-primary-100);
}

/* ============================================================
   PALETTES ALTERNATIVES — décommente un bloc pour l'essayer,
   il écrase celui du haut.
   ============================================================ */

/* --- Vert émeraude / cuivre : plus chaleureux, moins corporate
:root {
    --color-primary: #16704F;
    --color-primary-100: #0F5239;
    --color-secondary: #D9843B;
    --primary-opacity: #16704F21;
    --secondary-opacity: #D9843B21;
    --color-primary-light: #F1F8F5;
    --color-primary-lighter: #E2F0EA;
    --color-primary-alt: #D2E7DE;
    --gradient-dark: linear-gradient(90deg, #16704Fbf 0%, #4FA885ab 100%);
    --color-heading: #10261E;
    --color-body: #5A6B64;
}
*/

/* --- Bleu nuit / turquoise : plus moderne, orienté tech
:root {
    --color-primary: #14213D;
    --color-primary-100: #0B1428;
    --color-secondary: #22B8A6;
    --primary-opacity: #14213D21;
    --secondary-opacity: #22B8A621;
    --color-primary-light: #F4F6FA;
    --color-primary-lighter: #E8ECF4;
    --color-primary-alt: #D9E0EC;
    --gradient-dark: linear-gradient(90deg, #14213Dbf 0%, #22B8A6ab 100%);
    --color-heading: #0B1428;
    --color-body: #5C6478;
}
*/

/* ============================================================
   AJUSTEMENTS LIBRES — ajoute les tiens en dessous
   ============================================================ */

/* Pied de page aux couleurs de la marque
.rbt-footer-area { background: var(--color-heading); }
.rbt-footer-area, .rbt-footer-area a { color: #fff; }
*/

/* Masquer un bloc de l'accueil (trouve sa classe dans l'inspecteur)
.rbt-newsletter-area { display: none; }
*/