/**
 * Je Travel Podcast - CSS Custom Properties
 * Source of Truth: Brand Book Officiel Je Travel v5.0 (Juin 2026)
 * 
 * @package JeTravelPodcast
 */

:root {
    /* --- 4.1 Palette de couleurs officielle --- */
    /* Couleurs principales */
    --jtp-color-blue: #1CA3DD;         /* RGB 28, 163, 221 - Logo, titres, menus, boutons secondaires */
    --jtp-color-blue-hover: #1276A8;   /* RGB 18, 118, 168 - États hover, texte sur fond clair */
    --jtp-color-blue-pale: #E3F6FD;    /* RGB 227, 246, 253 - Fonds de sections, badges */

    /* Couleurs secondaires */
    --jtp-color-yellow: #F8B400;       /* RGB 248, 180, 0 - Opportunités, mise en avant, icônes */
    --jtp-color-yellow-pale: #FEF6DC;  /* RGB 254, 246, 220 - Fonds de sections, encadrés */

    /* Couleurs d'action (Max 10% d'un visuel) */
    --jtp-color-red: #E63946;          /* RGB 230, 57, 70 - Promotions, urgence, CTA principaux */
    --jtp-color-red-pale: #FEF0F1;     /* RGB 254, 240, 241 - Alertes, messages */

    /* Couleur premium */
    --jtp-color-navy: #0B2545;         /* RGB 11, 37, 69 - Coaching premium, titres forts */

    /* Couleurs neutres */
    --jtp-color-gray-light: #F5F7FA;   /* RGB 245, 247, 250 - Fond de page, surfaces */
    --jtp-color-gray-border: #E2E8F0;  /* Bordures subtiles */
    --jtp-color-gray-dark: #333333;    /* RGB 51, 51, 51 - Corps de texte */
    --jtp-color-white: #FFFFFF;        /* Blanc pur */

    /* --- 4.2 Typographie officielle --- */
    --jtp-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --jtp-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* --- Règles de contrastes et composants --- */
    /* Bouton principal : fond jaune / texte bleu marine (jamais texte jaune sur fond bleu) */
    --jtp-btn-primary-bg: var(--jtp-color-yellow);
    --jtp-btn-primary-text: var(--jtp-color-navy);
    --jtp-btn-primary-hover-bg: #e5a600;

    /* Bouton secondaire : fond bleu / texte blanc */
    --jtp-btn-secondary-bg: var(--jtp-color-blue);
    --jtp-btn-secondary-text: var(--jtp-color-white);
    --jtp-btn-secondary-hover-bg: var(--jtp-color-blue-hover);

    /* Bouton action / écoute : fond rouge / texte blanc */
    --jtp-btn-action-bg: var(--jtp-color-red);
    --jtp-btn-action-text: var(--jtp-color-white);
    --jtp-btn-action-hover-bg: #c92a37;

    /* Rayons de courbure et ombres (Design moderne & fluide) */
    --jtp-radius-sm: 6px;
    --jtp-radius-md: 10px;
    --jtp-radius-lg: 16px;
    --jtp-radius-full: 9999px;
    --jtp-shadow-sm: 0 1px 3px rgba(11, 37, 69, 0.05);
    --jtp-shadow-md: 0 4px 12px rgba(11, 37, 69, 0.08);
    --jtp-shadow-lg: 0 10px 25px rgba(11, 37, 69, 0.12);
    --jtp-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}