/* ════════════════════════════════
   VARIABLES — Front Office
   Pages publiques : accueil, contact,
   login, register, legal, etc.
   ─────────────────────────────────
   Surcharge variables.css pour le
   front office uniquement.
════════════════════════════════ */

:root {
    /* ── Couleurs de marque ── */
    --fo-accent:    #7C9EFF;
    --fo-accent2:   #C3B8F8;
    --fo-green:     #5ecfae;
    --fo-red:       #FF6B8A;
    --fo-orange:    #FFB86C;
    --fo-pink:      #FF7EB3;

    /* ── Texte ── */
    --fo-text:      #1a1a2e;
    --fo-muted:     #8a8fa8;

    /* ── Fond ── */
    --fo-bg:        #f0f2fb;

    /* ── Glassmorphism ── */
    --fo-glass-bg:      rgba(255, 255, 255, 0.55);
    --fo-glass-border:  rgba(255, 255, 255, 0.85);
    --fo-glass-shadow:  0 8px 48px rgba(120, 130, 160, 0.13);

    /* ── Gradients ── */
    --fo-gradient-accent: linear-gradient(135deg, var(--fo-accent), var(--fo-accent2));
    --fo-gradient-green:  linear-gradient(135deg, var(--fo-green), var(--fo-accent));
    --fo-gradient-red:    linear-gradient(135deg, var(--fo-red), var(--fo-pink));

    /* ── Appliquer aux tokens globaux ── */
    --accent:           var(--fo-accent);
    --accent2:          var(--fo-accent2);
    --green:            var(--fo-green);
    --red:              var(--fo-red);
    --orange:           var(--fo-orange);
    --pink:             var(--fo-pink);
    --text:             var(--fo-text);
    --muted:            var(--fo-muted);
    --bg:               var(--fo-bg);
    --glass-bg:         var(--fo-glass-bg);
    --glass-border:     var(--fo-glass-border);
    --glass-shadow:     var(--fo-glass-shadow);
    --gradient-accent:  var(--fo-gradient-accent);
    --gradient-green:   var(--fo-gradient-green);
    --gradient-red:     var(--fo-gradient-red);
}