/* ═══════════════════════════════════════════════════════════════
   TOKENS — Source unique de vérité de la marque Periscop.
   Chargé avant app.css et marketing.css. Les deux systèmes de tokens
   (--* pour l'app, --p-* pour la vitrine) référencent ces valeurs.
   Pour faire une variante visuelle : modifier ICI, ça se propage partout.
   ═══════════════════════════════════════════════════════════════ */
:root {
    /* Marque */
    --brand-primary:        #0B1437;  /* bleu nuit */
    --brand-primary-light:  #1A2555;
    --brand-accent:         #22D3EE;  /* cyan signal */
    --brand-accent-hover:   #0EA5C9;
    --brand-accent-light:   rgba(34, 211, 238, 0.10);
    --brand-accent-glow:    rgba(34, 211, 238, 0.25);

    /* États sémantiques */
    --brand-warning:        #F59E0B;  /* ambre */
    --brand-warning-hover:  #D97706;
    --brand-success:        #10B981;
    --brand-danger:         #EF4444;
    --brand-blue:           #0EA5E9;
    --brand-purple:         #8B5CF6;

    /* Neutres partagés */
    --brand-text:           #0F172A;
    --brand-muted:          #94A3B8;
    --brand-border:         #E2E8F0;

    /* Typographie */
    --brand-font-sans:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --brand-font-display:   'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --brand-font-mono:      'JetBrains Mono', 'Fira Code', monospace;
}