/* ============================================
   THEME.CSS — Couleurs du site
   Modifier uniquement ce fichier pour changer le thème.
   ============================================ */

/* ---- THÈME ACTIF : Violet / Magenta (Toggl-style) ---- */
:root {
  /* Fonds principaux */
  --dark:            #2C1338;   /* hero, sections sombres, nav scrolled */
  --dark-deep:       #1A0E22;   /* footer, très sombre */
  --light-bg:        #FEFBFA;   /* fond sections claires */
  --cream:           #FCE5D8;   /* fond sections crème */

  /* Accent & actions */
  --accent:          #E57CD8;   /* bouton CTA, liens, highlights */
  --purple-mid:      #564260;   /* hover bouton, accent secondaire */

  /* Textes */
  --text-dark:       #412A4C;   /* texte principal */
  --text-muted:      #817187;   /* texte secondaire, labels */
  --text-light:      #FFF3F2;   /* texte sur fond sombre */

  /* Sections colorées */
  --section-pink:    #FAE5F7;   /* marquee, sections rose */
  --section-peach:   #FDEAE2;   /* sections pêche */
  --section-yellow:  #FFDE91;   /* sections jaune */
  --section-light-pink: #F7D8F3;

  /* Bordures */
  --border-light:    #FAD6C6;
  --border-mid:      #D5D0D7;

  /* Misc */
  --white:           #FFFFFF;
  --container:       1140px;
}


/* ============================================
   AUTRES THÈMES — Décommenter pour tester
   ============================================ */

/* ---- Thème Bleu marine / Or ----
:root {
  --dark:            #0D1B2A;
  --dark-deep:       #060D14;
  --light-bg:        #F8FAFC;
  --cream:           #EDF2F7;

  --accent:          #F0A500;
  --purple-mid:      #1A3A5C;

  --text-dark:       #0D1B2A;
  --text-muted:      #637083;
  --text-light:      #F0F4F8;

  --section-pink:    #E8F0F8;
  --section-peach:   #FEF3DC;
  --section-yellow:  #FFF8E1;
  --section-light-pink: #D6E4F0;

  --border-light:    #D1DCE8;
  --border-mid:      #B0BEC5;

  --white:           #FFFFFF;
  --container:       1140px;
}
*/

/* ---- Thème Vert forêt / Citron ----
:root {
  --dark:            #1A2E1A;
  --dark-deep:       #0D1A0D;
  --light-bg:        #F7FAF5;
  --cream:           #EAF4E4;

  --accent:          #A8D635;
  --purple-mid:      #2E5E2E;

  --text-dark:       #1A2E1A;
  --text-muted:      #5A7A5A;
  --text-light:      #F0F8EC;

  --section-pink:    #E4F0DC;
  --section-peach:   #F5F5DC;
  --section-yellow:  #F0F4A0;
  --section-light-pink: #D4ECC8;

  --border-light:    #C8DCC0;
  --border-mid:      #A8C4A0;

  --white:           #FFFFFF;
  --container:       1140px;
}
*/