/* /assets/css/rubriques-colors.css - Version 2025 (6 Nuances) */
/* ===================================================
   PALETTE COULEURS DES MATIÈRES — (parents)
   Ordre : extra-light / light / base / dark / extra-dark / accent
   =================================================== */

/* ---------------------- FRANÇAIS ---------------------- */
.m-francais {
  --extra-light: 255, 240, 240; /* Rouge presque blanc (Niveau 1) */
  --light: 254, 226, 226;       /* Rouge très clair (Niveau 2) */
  --base: 239, 68, 68;          /* Rouge vif (Niveau 3) */
  --dark: 185, 28, 28;          /* Rouge foncé (Niveau 4) */
  --extra-dark: 153, 22, 22;    /* Rouge très foncé (Niveau 5) */
  --accent: 127, 29, 29;        /* Bordeaux (Niveau 6) */
}

/* ---------------------- MATHS ------------------------- */
.m-maths {
  --extra-light: 240, 246, 255; /* Bleu presque blanc (Niveau 1) */
  --light: 219, 234, 254;       /* Bleu très clair (Niveau 2) */
  --base: 59, 130, 246;         /* Bleu vif (Niveau 3) */
  --dark: 29, 78, 216;          /* Bleu foncé (Niveau 4) */
  --extra-dark: 23, 62, 185;    /* Bleu très foncé (Niveau 5) */
  --accent: 30, 64, 175;        /* Bleu nuit (Niveau 6) */
}

/* --------------------- HISTOIRE ----------------------- */
.m-histoire {
  --extra-light: 255, 248, 237; /* Orange presque blanc (Niveau 1) */
  --light: 255, 237, 213;       /* Orange très clair (Niveau 2) */
  --base: 251, 146, 60;         /* Orange vif (Niveau 3) */
  --dark: 194, 65, 12;          /* Orange foncé (Niveau 4) */
  --extra-dark: 159, 53, 10;    /* Brun orange très foncé (Niveau 5) */
  --accent: 124, 45, 18;        /* Brun caramel (Niveau 6) */
}

/* ------------------- GÉOGRAPHIE ---------------------- */
.m-geographie {
  --extra-light: 240, 255, 245; /* Vert presque blanc (Niveau 1) */
  --light: 220, 252, 231;       /* Vert clair (Niveau 2) */
  --base: 34, 197, 94;          /* Vert vif (Niveau 3) */
  --dark: 21, 128, 61;          /* Vert foncé (Niveau 4) */
  --extra-dark: 16, 102, 48;    /* Vert forêt (Niveau 5) */
  --accent: 20, 83, 45;         /* Vert profond (Niveau 6) */
}

/* --------------------- SCIENCES ----------------------- */
.m-sciences {
  --extra-light: 230, 255, 250; /* Turquoise presque blanc (Niveau 1) */
  --light: 204, 251, 241;       /* Turquoise clair (Niveau 2) */
  --base: 20, 184, 166;         /* Turquoise vif (Niveau 3) */
  --dark: 15, 118, 110;         /* Turquoise foncé (Niveau 4) */
  --extra-dark: 13, 94, 88;     /* Turquoise très foncé (Niveau 5) */
  --accent: 19, 78, 74;         /* Vert-bleu profond (Niveau 6) */
}

/* ----------------------- ARTS ------------------------- */
.m-arts {
  --extra-light: 247, 245, 255; /* Violet presque blanc (Niveau 1) */
  --light: 237, 233, 254;       /* Violet pâle (Niveau 2) */
  --base: 139, 92, 246;         /* Violet vif (Niveau 3) */
  --dark: 91, 33, 182;          /* Violet foncé (Niveau 4) */
  --extra-dark: 80, 29, 160;    /* Indigo/Violet très foncé (Niveau 5) */
  --accent: 76, 29, 149;        /* Indigo profond (Niveau 6) */
}

/* ------------------------ LVE ------------------------- */
.m-lve {
  --extra-light: 255, 253, 235; /* Jaune presque blanc (Niveau 1) */
  --light: 254, 249, 195;       /* Jaune pâle (Niveau 2) */
  --base: 250, 204, 21;         /* Jaune doré (Niveau 3) */
  --dark: 202, 138, 4;          /* Ocre foncé (Niveau 4) */
  --extra-dark: 161, 107, 3;    /* Brun ocre (Niveau 5) */
  --accent: 133, 77, 14;        /* Brun doré (Niveau 6) */
}

/* ------------------------ FLE ------------------------- */
.m-fle {
  --extra-light: 255, 245, 250; /* Rose presque blanc (Niveau 1) */
  --light: 252, 231, 243;       /* Rose clair (Niveau 2) */
  --base: 236, 72, 153;         /* Rose vif (Niveau 3) */
  --dark: 190, 24, 93;          /* Rose foncé (Niveau 4) */
  --extra-dark: 158, 20, 78;    /* Framboise foncé (Niveau 5) */
  --accent: 131, 24, 67;        /* Framboise (Niveau 6) */
}

/* --------------------- LOGICIELS ---------------------- */
.m-logiciels {
  --extra-light: 235, 254, 255; /* Cyan presque blanc (Niveau 1) */
  --light: 207, 250, 254;       /* Cyan clair (Niveau 2) */
  --base: 6, 182, 212;          /* Cyan vif (Niveau 3) */
  --dark: 14, 116, 144;         /* Bleu-vert foncé (Niveau 4) */
  --extra-dark: 18, 93, 120;    /* Bleu pétrole foncé (Niveau 5) */
  --accent: 22, 78, 99;         /* Bleu pétrole (Niveau 6) */
}

/* --------------------- RANDONNÉES --------------------- */
.m-randonnees {
  --extra-light: 245, 252, 245; /* Vert presque blanc (Niveau 1) */
  --light: 232, 245, 233;       /* Vert très clair (Niveau 2) */
  --base: 67, 160, 71;          /* Vert vif (Niveau 3) */
  --dark: 27, 94, 32;           /* Vert foncé (Niveau 4) */
  --extra-dark: 20, 75, 25;     /* Vert sapin (Niveau 5) */
  --accent: 12, 58, 18;         /* Vert profond (Niveau 6) */
}

/* ----------------------- LIENS ------------------------ */
.m-liens {
  --extra-light: 250, 250, 250; /* Gris très très clair (Niveau 1) */
  --light: 243, 244, 246;       /* Gris clair (Niveau 2) */
  --base: 107, 114, 128;        /* Gris moyen (Niveau 3) */
  --dark: 55, 65, 81;           /* Gris foncé (Niveau 4) */
  --extra-dark: 35, 42, 53;     /* Anthracite très foncé (Niveau 5) */
  --accent: 17, 24, 39;         /* Anthracite (Niveau 6) */
}

/* --------------------- CONTACT ------------------------ */
.m-contact {
  --extra-light: 240, 248, 255; /* Bleu presque blanc (Niveau 1) */
  --light: 224, 242, 254;       /* Bleu très clair (Niveau 2) */
  --base: 56, 189, 248;         /* Bleu vif (Niveau 3) */
  --dark: 14, 165, 233;         /* Bleu foncé (Niveau 4) */
  --extra-dark: 8, 128, 192;    /* Bleu ciel profond (Niveau 5) */
  --accent: 3, 105, 161;        /* Bleu nuit (Niveau 6) */
}

/* ===================================================
   PALETTE COULEURS DES RUBRIQUES — Camaïeu harmonisé
   =================================================== */

/* ---------------------- FRANÇAIS (rouges) ---------------------- */
.rubrique-francais {
  --extra-light: 255, 245, 245;   /* plus clair */
  --light: 255, 232, 232;         /* légèrement éclairci */
  --base: 239, 68, 68;            /* identique */
  --dark: 170, 35, 35;            /* adouci */
  --extra-dark: 140, 25, 25;      /* moins saturé */
  --accent: 115, 25, 25;          /* plus profond */
}

/* ------------------ MATHÉMATIQUES (bleus) --------------------- */
.rubrique-maths {
  --extra-light: 245, 250, 255;
  --light: 225, 240, 255;
  --base: 59, 130, 246;
  --dark: 25, 70, 200;
  --extra-dark: 20, 55, 165;
  --accent: 18, 50, 150;
}

/* --------------------- HISTOIRE (orange/caramel) ----------------------- */
.rubrique-histoire {
  --extra-light: 255, 250, 240;
  --light: 255, 240, 220;
  --base: 251, 146, 60;
  --dark: 180, 70, 20;
  --extra-dark: 150, 50, 15;
  --accent: 120, 40, 15;
}

/* ------------------- GÉOGRAPHIE (verts) ---------------------- */
.rubrique-geographie {
  --extra-light: 245, 255, 250;
  --light: 225, 255, 235;
  --base: 34, 197, 94;
  --dark: 18, 120, 60;
  --extra-dark: 14, 95, 45;
  --accent: 18, 75, 40;
}

/* --------------------- SCIENCES (turquoise) ----------------------- */
.rubrique-sciences {
  --extra-light: 235, 255, 252;
  --light: 210, 252, 242;
  --base: 20, 184, 166;
  --dark: 12, 110, 100;
  --extra-dark: 10, 88, 82;
  --accent: 15, 70, 68;
}

/* ----------------------- ARTS (violets) ------------------------- */
.rubrique-arts {
  --extra-light: 250, 248, 255;
  --light: 240, 236, 255;
  --base: 139, 92, 246;
  --dark: 85, 30, 175;
  --extra-dark: 70, 25, 150;
  --accent: 65, 22, 140;
}

/* ----------------------- LVE (jaune/doré) ----------------------- */
.rubrique-lve {
  --extra-light: 255, 254, 240;
  --light: 255, 250, 205;
  --base: 250, 204, 21;
  --dark: 190, 130, 10;
  --extra-dark: 150, 100, 8;
  --accent: 125, 75, 12;
}

/* ----------------------- FLE (rose) ----------------------------- */
.rubrique-fle {
  --extra-light: 255, 248, 252;
  --light: 255, 236, 246;
  --base: 236, 72, 153;
  --dark: 175, 30, 95;
  --extra-dark: 150, 25, 80;
  --accent: 125, 22, 70;
}

/* ----------------------- LOGICIELS (cyan/tech) ------------------ */
.rubrique-logiciels {
  --extra-light: 240, 255, 255;
  --light: 215, 252, 255;
  --base: 6, 182, 212;
  --dark: 12, 115, 140;
  --extra-dark: 15, 90, 115;
  --accent: 18, 75, 95;
}

/* ----------------------- RANDONNÉES (verts nature) -------------- */
.rubrique-randonnees {
  --extra-light: 248, 255, 248;
  --light: 235, 250, 235;
  --base: 67, 160, 71;
  --dark: 25, 90, 30;
  --extra-dark: 18, 70, 22;
  --accent: 10, 55, 15;
}

/* ----------------------- LIENS (gris neutre) -------------------- */
.rubrique-liens {
  --extra-light: 252, 252, 252;
  --light: 245, 246, 248;
  --base: 107, 114, 128;
  --dark: 50, 60, 75;
  --extra-dark: 32, 38, 48;
  --accent: 15, 22, 35;
}

/* ----------------------- CONTACT (bleu-vert doux) --------------- */
.rubrique-contact {
  --extra-light: 242, 250, 255;
  --light: 228, 245, 255;
  --base: 56, 189, 248;
  --dark: 12, 150, 210;
  --extra-dark: 8, 120, 175;
  --accent: 5, 100, 150;
}

/* ---------------------- LICENCE ---------------------- */
.m-licence {
  --extra-light: 248, 250, 252; /* Gris bleuté presque blanc */
  --light: 241, 245, 249;       /* Gris bleuté clair */
  --base: 100, 116, 139;        /* Ardoise */
  --dark: 51, 65, 85;           /* Ardoise foncé */
  --extra-dark: 30, 41, 59;     /* Bleu ardoise très foncé */
  --accent: 15, 23, 42;         /* Bleu nuit */
}