/* ============================================================
   SAMA ENTREPRISE — Design tokens
   Copie exacte de la palette "premium émeraude & or" définie
   dans samalogiciel/login.php (:root, ~ligne 347) pour garder
   une continuité de marque parfaite entre le site vitrine et
   l'application réelle.
   ============================================================ */

:root {
    /* === PALETTE PREMIUM ÉMERAUDE & OR (identique à l'app) === */
    --premium-emerald:       #10b981;
    --premium-emerald-dark:  #047857;
    --premium-emerald-deep:  #064e3b;
    --premium-emerald-abyss: #022c22;
    --premium-emerald-light: #34d399;
    --premium-emerald-glow:  #6ee7b7;
    --premium-gold:          #fbbf24;
    --premium-gold-soft:     #f59e0b;

    --primary-green:   var(--premium-emerald-dark);
    --secondary-green: var(--premium-emerald);
    --light-green:     var(--premium-emerald-light);
    --dark-green:      var(--premium-emerald-deep);
    --accent-green:    var(--premium-gold);

    /* === Alias sémantiques propres au site vitrine === */
    --ink:          #0f172a;
    --ink-soft:     #1e293b;
    --muted:        #475569;
    --muted-soft:   #64748b;
    --surface:      #ffffff;
    --surface-alt:  #f6faf8;
    --surface-mint: #eefcf6;
    --border:       #e2e8f0;
    --border-soft:  #edf2f0;

    --gradient-dark: linear-gradient(135deg, #064e3b 0%, #022c22 100%);
    --gradient-hero: linear-gradient(135deg, #042f2e 0%, #064e3b 45%, #022c22 100%);
    --gradient-gold: linear-gradient(135deg, var(--premium-gold) 0%, var(--premium-gold-soft) 100%);
    --gradient-emerald: linear-gradient(135deg, var(--premium-emerald) 0%, var(--premium-emerald-dark) 100%);
    --scrim-photo: linear-gradient(180deg, rgba(2,15,13,.55) 0%, rgba(2,15,13,.72) 55%, rgba(2,15,13,.92) 100%);

    --shadow-sm: 0 4px 14px -4px rgba(4,120,87,.16);
    --shadow-md: 0 12px 30px -10px rgba(4,120,87,.28);
    --shadow-lg: 0 20px 45px -15px rgba(4,120,87,.35);
    --shadow-gold: 0 12px 28px -10px rgba(251,191,36,.45);

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    --transition: all .3s cubic-bezier(.4,0,.2,1);
    --transition-premium: all .5s cubic-bezier(.16,1,.3,1);

    --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-display: 'Poppins', 'Inter', 'Segoe UI', system-ui, sans-serif;
}