/* ============================================================
   theme.css - PALETTES DE COULEURS DU SITE
   Valérian Labruyère · 2026

   >>> POUR CHANGER DE PALETTE : modifier l'attribut data-palette
       de la balise <html> en haut de index.html ET realisations.html :
         <html lang="fr" data-palette="rouge">
       Valeurs disponibles : rouge · jaune · ocean

   >>> POUR CRÉER UNE PALETTE : copier un bloc ci-dessous, changer
       le nom et les valeurs. Les noms décrivent un RÔLE, pas une couleur.
   ============================================================

   Rôles :
   --c-bg          fond principal des sections claires
   --c-bg-alt      fond alterné (sections Expériences, Compétences...)
   --c-surface     fond des cartes posées sur les fonds clairs
   --c-text        texte principal
   --c-text-strong titres sur fond clair, contours des stickers
   --c-muted       texte secondaire
   --c-accent      couleur signature : aplats pleine page (hero, menu,
                   manifeste, contact), labels, puces
   --c-accent-2    nuance intermédiaire (couches du hero)
   --c-accent-3    nuance la plus claire (centre du hero)
   --c-on-accent   texte posé sur --c-accent
   --c-accent-pale fonds teintés (badges, tags)
   --c-deep        couleur secondaire foncée : section Réalisations,
                   deuxième couleur des titres
   --c-on-deep     texte posé sur --c-deep
   --c-accent-on-deep accent lisible sur --c-deep (petits labels,
                   contraste >= 4.5:1 exigé)
   --c-shadow      ombre pleine décalée des gros boutons
   --c-shadow-alt  ombre des gros boutons posés sur --c-accent
   ============================================================ */

/* ---------- ROUGE (défaut, dans l'esprit de la v1) ---------- */
:root,
[data-palette="rouge"] {
  --c-bg:          #FAF5F0;
  --c-bg-alt:      #F4E8E1;
  --c-surface:     #FFFCF9;
  --c-text:        #2A1A17;
  --c-text-strong: #1A0F0D;
  --c-muted:       #6E5A55;
  --c-accent:      #C0392B;
  --c-accent-2:    #CF4537;
  --c-accent-3:    #DE5244;
  --c-on-accent:   #FAF5F0;
  --c-accent-pale: #FDF1F0;
  --c-deep:        #1F2A44;
  --c-on-deep:     #FAF5F0;
  --c-accent-on-deep: #F28B7F;
  --c-shadow:      #1F2A44;
  --c-shadow-alt:  #2A1A17;
}

/* ---------- JAUNE (jaune, brun et crème) ---------- */
[data-palette="jaune"] {
  --c-bg:          #FFF2DF;
  --c-bg-alt:      #FFE6C1;
  --c-surface:     #FFFBEC;
  --c-text:        #6B3E28;
  --c-text-strong: #49291D;
  --c-muted:       #93533A;
  --c-accent:      #FFBF00;
  --c-accent-2:    #FFCC02;
  --c-accent-3:    #FED729;
  --c-on-accent:   #6B3E28;
  --c-accent-pale: #FFE6C1;
  --c-deep:        #001976;
  --c-on-deep:     #FFF2DF;
  --c-accent-on-deep: #FED729;
  --c-shadow:      #002FFF;
  --c-shadow-alt:  #3DC17A;
}

/* ---------- OCEAN (alternative bleue, plus "corporate") ---------- */
[data-palette="ocean"] {
  --c-bg:          #F5F7FA;
  --c-bg-alt:      #E6ECF5;
  --c-surface:     #FFFFFF;
  --c-text:        #14213D;
  --c-text-strong: #0B1426;
  --c-muted:       #55627A;
  --c-accent:      #1F5EFF;
  --c-accent-2:    #3A73FF;
  --c-accent-3:    #5A8BFF;
  --c-on-accent:   #F5F7FA;
  --c-accent-pale: #E8EFFF;
  --c-deep:        #0B1426;
  --c-on-deep:     #F5F7FA;
  --c-accent-on-deep: #5A8BFF;
  --c-shadow:      #0B1426;
  --c-shadow-alt:  #FFB703;
}