/* =================================================================
   Thème « Dans la sauce » — design du hero / du quiz sur tout le SaaS
   -----------------------------------------------------------------
   Chargé EN DERNIER (après site.css / styles.css et le <style> de la
   page). Il ne change que couleurs et typographie :
   - fond : dégradé #E21C34 → #500B28 (fixe), entête blanche ;
   - textes posés sur le fond : blancs, titres Fraunces poids 400 ;
   - blocs de contenu : cartes blanches, texte foncé (lisibilité) ;
   - boutons posés sur le fond : blancs, texte rouge (comme le hero) ;
     dans une carte blanche, ils restent rouges.
   ================================================================= */
:root{
  --sauce-rouge:#E21C34;
  --sauce-bordeaux:#500B28;
  --sauce-texte:rgba(255,255,255,0.84);
  --sauce-texte-doux:rgba(255,255,255,0.66);
  --sauce-ligne:rgba(255,255,255,0.22);
  --sauce-ombre:0 14px 30px -18px rgba(20,0,8,0.6);
}

/* ---------- Fond, entête, pied de page ---------- */
body{
  background:linear-gradient(135deg, var(--sauce-rouge) 0%, var(--sauce-bordeaux) 100%) fixed;
  color:#fff;
}
header,.gsite-header{background:#fff;color:var(--encre, #1F1D22);}
footer{background:rgba(30,4,14,0.45);}
.footer-grid{border-bottom-color:var(--sauce-ligne);}
.footer-bottom{color:var(--sauce-texte-doux);}

/* ---------- Titres et textes posés sur le fond ---------- */
.page-hero h1,.section-head h2,.section h2,main h1,main h2{color:#fff;font-weight:400;letter-spacing:-0.02em;}
.page-hero p.lead,.section-head p,.today-stats,.pricing-guarantee,.plan-note{color:var(--sauce-texte);}
.eyebrow{color:#fff;}
.eyebrow::before{background:#fff;}
/* Le titre « Qu'est-ce qu'on mange / aujourd'hui ? » passe en blanc sur le fond */
.section-head--today .today-title,
.section-head .today-title,
.today-title .today-title-small{color:#fff;}

/* ---------- Boutons posés sur le fond : blancs, texte rouge ---------- */
.btn-primary,
main .btn-solid-dark,.section .btn-solid-dark,
.reveal-cta,.today-cta{
  background:#fff;color:var(--sauce-rouge);border-color:#fff;
}
.btn-primary:hover,.reveal-cta:hover,.today-cta:hover{background:#FCE8EA;}
.today-cta{border:1.5px solid #fff;}

/* ---------- Cartes blanches (contenu lisible) ---------- */
.feature-row,
.pricing-card,
.resource-card,
.testimonial-card-v2,
.step-card,
.disclaimer{
  background:#fff;color:var(--encre, #1F1D22);
  border-color:transparent;
  box-shadow:var(--sauce-ombre);
}
.feature-row h3,.pricing-card h3,.resource-card h3,.step-card h3,
.testimonial-card-v2 h3{color:var(--encre, #1F1D22);}
.pricing-card.featured{background:#FFF6F7;border-color:#fff;}

/* Fonctionnalités : chaque ligne devient une carte */
.feature-row{border-radius:20px;padding:26px 24px;margin-bottom:14px;border:none;}
.feature-row:last-child{border-bottom:none;}

/* ---------- Carrousel des plats (landing) ---------- */
.dish-dot::before{background:rgba(255,255,255,0.35);}
.dish-dot.is-active::before{background:#fff;}
.dish-dot:focus-visible{outline-color:#fff;}
.nav-circle{border-color:transparent;}
footer .btn-solid-dark{background:#fff;color:var(--sauce-rouge);}
footer .btn-solid-dark:hover{background:#FCE8EA;}

/* =================================================================
   Connexion et réinitialisation du mot de passe
   ================================================================= */
.top-strip{display:none;}

/* Cartes ivoire des formulaires → contenu posé sur le dégradé, comme le quiz */
.auth-card{background:transparent;border:none;}
.auth-card .logo{color:#fff;}
.auth-card h1{
  font-family:'Fraunces',serif;font-weight:400;color:#fff;letter-spacing:-0.02em;
}
.auth-card p.lede,.legal{color:var(--sauce-texte);}
.legal a{color:#fff;}

/* Champs : blancs, bord blanc, focus en anneau blanc */
.auth-input{background:#fff;border-color:#fff;color:var(--encre, #1F1D22);}
.auth-input:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.4);}

/* Bouton principal du formulaire : blanc, texte rouge */
.auth-actions .social-btn{background:#fff;border-color:#fff;color:var(--sauce-rouge);}
.auth-actions .social-btn:hover{background:#FCE8EA;}
.auth-toggle{color:var(--sauce-texte);}
.auth-toggle:hover{color:#fff;}
.auth-error{color:#FFE3E6;font-weight:600;}
.auth-success{color:#fff;font-weight:600;}