/* ============================================================
   VARIANT B — Intimiste & chaleureux
   Même structure que style.css, palette plus chaude et organique
   
   Pour activer : copier ce fichier sur votre serveur
   Le système assigne automatiquement 50% des visiteurs à cette variante
   Forcer via ?variant=B dans l'URL
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
    --font-display: 'Lora', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, sans-serif;
    
    /* Palette chaude et intime */
    --color-bg: #12100E;
    --color-bg-card: #1C1916;
    --color-bg-elevated: #24201A;
    --color-bg-hover: #2E2820;
    
    --color-text: #EDE6DA;
    --color-text-secondary: #B0A694;
    --color-text-muted: #7A7060;
    
    --color-accent: #D4956A;
    --color-accent-soft: rgba(212, 149, 106, 0.14);
    --color-accent-glow: rgba(212, 149, 106, 0.25);
    
    --color-purple: #A08BC0;
    --color-purple-soft: rgba(160, 139, 192, 0.10);
    
    --color-rose: #C4828A;
    --color-rose-soft: rgba(196, 130, 138, 0.10);
    
    --color-success: #8BB89A;
    --color-border: rgba(212, 149, 106, 0.10);
    
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    
    --shadow-card: 0 2px 16px rgba(0,0,0,0.25);
    --shadow-glow: 0 0 30px rgba(212, 149, 106, 0.06);
}

/* ============================================================
   TOUT LE RESTE EST IDENTIQUE à style.css
   Ce fichier ne redéfinit que les variables CSS.
   Importez le style.css de base et ce fichier l'override.
   
   OU : copiez tout le contenu de style.css ici et modifiez
   uniquement le bloc :root ci-dessus.
   ============================================================ */

/* Pour que ce fichier fonctionne en standalone, importez la base */
@import url('style.css');

/* Override spécifiques variant B */
body::before {
    background: 
        radial-gradient(ellipse at 30% 0%, rgba(212, 149, 106, 0.05) 0%, transparent 60%),
        radial-gradient(ellipse at 70% 100%, rgba(160, 139, 192, 0.04) 0%, transparent 60%);
}

.site-header .brand {
    letter-spacing: 0.1em;
    font-size: 1.15rem;
}

/* Variant B a des coins plus doux */
.card { border-radius: var(--radius-xl); }
.option-card { border-radius: var(--radius-lg); }
.quiz-option { border-radius: var(--radius-lg); }

/* Le bouton principal est plus arrondi */
.btn-primary {
    border-radius: 30px;
    padding: 0.95rem 2.5rem;
}