/* ═══════════════════════════════════════════════════════════════
   HD PRO — DESIGN TOKENS GLOBAUX
   Source de vérité : Features/Formateurs/Form/FormProfil.razor (préfixe fpr-)
   Consommés par les composants partagés Components/Shared/Form/*.
   Règle 8 (SKILL.md) : palette figée, jamais de @media (prefers-color-scheme: dark).
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* Accent — surchargé par domaine via un style inline/CSS variable sur le composant
       (ex: Paiements = émeraude #10b981, voir SKILL.md "COULEURS D'ACCENT PAR CONTEXTE") */
    --hdpro-accent: #4f46e5;
    --hdpro-accent-dark: #3730a3;
    --hdpro-accent-soft: rgba(79, 70, 229, 0.12);

    --hdpro-danger: #ef4444;
    --hdpro-danger-soft: #fff5f5;
    --hdpro-success: #10b981;
    --hdpro-warning: #f59e0b;

    --hdpro-text-strong: #0f172a;
    --hdpro-text-muted: #475569;
    --hdpro-text-faint: #64748b;
    --hdpro-text-placeholder: #94a3b8;
    --hdpro-border: #e2e8f0;
    --hdpro-border-strong: #cbd5e1;
    --hdpro-surface: #ffffff;
    --hdpro-surface-alt: #f8fafc;

    --hdpro-radius-card: 14px;
    --hdpro-radius-input: 8px;
    --hdpro-radius-pill: 20px;

    --hdpro-shadow-card: 0 2px 10px rgba(15, 23, 42, 0.03);
    --hdpro-transition: all 0.18s ease;
}