/* ==========================================================
   Thème Chibi Fairy — CLAIR
   S'applique quand <html> porte la classe "clair"
   (cookie cf_theme posé par le bouton soleil/lune).
   ========================================================== */
html.clair{
  color-scheme:light;
  --cf-accent:#C2187A;
  --cf-texte:#3A1233;
  --cf-texte-doux:#4E2A46;
  --cf-texte-pale:#6B4060;
  --cf-lien:#B0186E;
  --cf-lien-survol:#7E0F4E;
  --cf-lien-vu:#8E1A63;
  --cf-fond-bloc:rgba(255,255,255,.86);
  --cf-fond-menu:rgba(255,250,253,.92);
  --cf-fond-panneau:#FFF8FC;
  --cf-survol:rgba(194,24,122,.08);
  --cf-bordure:rgba(194,24,122,.22);
  --cf-bordure-forte:rgba(194,24,122,.32);
  --cf-ombre:0 10px 30px rgba(163,18,95,.15);
  background:#fff;
}
html.clair body::before{background:#fff url("fond-clair.jpg") center bottom / cover no-repeat}

html.clair .cf-marque,html.clair .cf-marque:visited{color:#A3125F;text-shadow:0 0 18px rgba(242,107,180,.45)}
html.clair .cf-marque:hover{color:#7E0F4E}
html.clair .cf-slogan{color:#8A3A6E}

html.clair .cf-connexion input[type=text],html.clair .cf-connexion input[type=password],
html.clair #innerCorps input[type=text],html.clair #innerCorps input[type=password],html.clair #innerCorps input[type=email],
html.clair #innerCorps input[type=date],html.clair #innerCorps input[type=number],html.clair #innerCorps select,html.clair #innerCorps textarea{background:#fff}
html.clair .cf-connexion input[type=submit],
html.clair #innerCorps input[type=submit]:not([style]),html.clair #innerCorps button:not([style]){color:#fff}

html.clair .article_box,html.clair fieldset,html.clair .form_right{box-shadow:0 6px 24px rgba(163,18,95,.08)}
html.clair .texterouge{color:#C40000}

html.clair .cf-tabs .menu-modele-0{color:#00838F}
html.clair .cf-tabs .menu-modele-2{color:#C2187A}
html.clair .cf-tabs .menu-modele-3{color:#981493}
html.clair .cf-tabs .menu-modele-4{color:#B45309}
html.clair .cf-tabs .menu-modele-5{color:#C40000}

html.clair .anniv-box{background:#ffeef8;border-color:#ffb6da}
html.clair .anniv-item{background:#fff;border-color:#ffd7ec}
html.clair .anniv-item.anniv-today{background:#ffe0ef;border-color:#ff8fc8}
html.clair .anniv-pseudo,html.clair .anniv-pseudo a{color:#b2006c}
html.clair .anniv-date{color:#6e3a54}
html.clair .anniv-age{color:#9b4a7a}

html.clair #footer.cf-pied{background:rgba(255,248,252,.92);color:#6B4060}