/**
 * Bridge School — Tokens publics partagés (vitrine + portail public)
 * Autonome : hex de marque en base + alias --bel-*/--bridge-* si admin chargé.
 *
 * Préfixe : --bpub-*
 */

:root {
    /* Couleurs primaires — hex vitrine (ne dépendent PAS de bridge-admin.css) */
    --bpub-navy         : #003566;
    --bpub-blue         : #0056b3;
    --bpub-blue-dark    : #003d7a;
    --bpub-blue-light   : #dbeafe;
    --bpub-gold         : #d4a017;
    --bpub-gold-light   : #fde68a;
    --bpub-gold-warm    : #f0c94b;

    /* Surfaces */
    --bpub-surface      : #ffffff;
    --bpub-surface-warm : #f8fbff;
    --bpub-surface-alt  : #f0f7ff;
    --bpub-panel        : #ffffff;

    /* Texte */
    --bpub-text         : #0a1f35;
    --bpub-text-body    : #1e293b;
    --bpub-text-muted   : #64748b;
    --bpub-text-soft    : #94a3b8;
    --bpub-caption      : #64748b;

    /* Bordures */
    --bpub-border       : #e4edf7;
    --bpub-divider      : #e8eef5;

    /* Ombres */
    --bpub-shadow-sm    : 0 2px 8px rgba(0, 53, 102, 0.06);
    --bpub-shadow-md    : 0 12px 32px rgba(0, 53, 102, 0.10);
    --bpub-shadow-lg    : 0 20px 50px rgba(0, 53, 102, 0.12);
    --bpub-shadow-xl    : 0 28px 70px rgba(0, 53, 102, 0.16);

    /* Gradients */
    --bpub-grad-hero    :
        radial-gradient(circle at 18% 18%, rgba(201, 162, 39, 0.15) 0%, transparent 30%),
        radial-gradient(circle at 82% 76%, rgba(255, 255, 255, 0.08) 0%, transparent 32%),
        linear-gradient(135deg, #003566 0%, #003d7a 48%, #003566 100%);
    --bpub-grad-primary : linear-gradient(135deg, #0056b3 0%, #003d7a 100%);
    --bpub-grad-gold    : linear-gradient(135deg, #fde68a 0%, #f0c94b 100%);
    --bpub-grad-glass   : linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.80));

    /* Rayons / espacement */
    --bpub-radius-sm    : 8px;
    --bpub-radius-md    : 12px;
    --bpub-radius-lg    : 16px;
    --bpub-radius-xl    : 24px;
    --bpub-radius-pill  : 100px;

    /* Glassmorphism */
    --bpub-glass-bg     : rgba(255, 255, 255, 0.88);
    --bpub-glass-border : rgba(255, 255, 255, 0.60);
    --bpub-glass-blur   : 16px;

    /* Typographie */
    --bpub-font-sans    : 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --bpub-font-serif   : 'Playfair Display', Georgia, serif;

    /* Timing (motion) */
    --bpub-ease-out     : cubic-bezier(0.22, 1, 0.36, 1);
    --bpub-ease-spring  : cubic-bezier(0.34, 1.56, 0.64, 1);
    --bpub-duration-fast: 200ms;
    --bpub-duration-mid : 400ms;
    --bpub-duration-slow: 700ms;

    /* Focus */
    --bpub-focus-ring   : #0056b3;

    /* Section spacing */
    --bpub-section-y    : clamp(48px, 8vw, 96px);
    --bpub-section-y-sm : clamp(32px, 5vw, 64px);
    --bpub-content-max  : 1280px;
}