/* ============================================================
   ESPACE FINANCEMENT - Override couleurs
   Jaune (#f7a400) → Violet (#7c3aed)
   À charger APRÈS main.css
============================================================ */

:root {
    /* 🟣 Couleur secondaire VIOLETTE (remplace le jaune #f7a400) */
    --tg-theme-secondary-50:  #f5f3ff;
    --tg-theme-secondary-100: #ede9fe;
    --tg-theme-secondary-200: #ddd6fe;
    --tg-theme-secondary-300: #c4b5fd;
    --tg-theme-secondary-400: #a78bfa;
    --tg-theme-secondary-500: #7c3aed;  /* ← Ancien #f7a400 */
    --tg-theme-secondary-600: #6d28d9;
    --tg-theme-secondary-700: #5b21b6;
    --tg-theme-secondary-800: #4c1d95;
    --tg-theme-secondary-900: #2e1065;

    /* 🎨 Bordures / couleurs jaunes associées */
    --tg-color-yellow-light:   #f5f3ff;
    --tg-color-yellow-light-2: #faf9ff;
    --tg-color-yellow-light-3: #ede9fe;
    --tg-color-yellow-light-4: #ddd6fe;
    --tg-border-8: #6d28d9;

    /* 🌙 Dark mode - variantes violettes */
    --tg-theme-dark-secondary-50:  #2e1065;
    --tg-theme-dark-secondary-100: #4c1d95;
    --tg-theme-dark-secondary-200: #5b21b6;
    --tg-theme-dark-secondary-300: #6d28d9;
    --tg-theme-dark-secondary-400: #7c3aed;
    --tg-theme-dark-secondary-500: #a78bfa;
    --tg-theme-dark-secondary-600: #c4b5fd;
    --tg-theme-dark-secondary-700: #ddd6fe;
    --tg-theme-dark-secondary-800: #ede9fe;
    --tg-theme-dark-secondary-900: #f5f3ff;

    --tg-color-dark-yellow-light:   #3b2c5e;
    --tg-color-dark-yellow-light-2: #2a1f47;
    --tg-color-dark-yellow-light-3: #ede9fe;
    --tg-color-dark-yellow-light-4: #ddd6fe;
    --tg-border-dark-8-dark: #a78bfa;
}

/* 🎯 Corriger aussi les dégradés jaunes hardcodés */
.experience__box-three .title span,
.experience__box-four .title {
    background: linear-gradient(180deg, #a78bfa 0%, #7c3aed 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 🎯 Corriger les SVG/stars jaunes résiduels */
.text-stroke-2 {
    color: #a78bfa;
    text-shadow: -1px -1px 0 #6d28d9, 1px -1px 0 #6d28d9,
                 -1px 1px 0 #6d28d9, 1px 1px 0 #6d28d9;
}