/**
 * FACT Design System — Variables partagees
 *
 * Source unique de verite pour les couleurs, espacements et rayons.
 * Charge avant fact-frontend.css, fact-pieton.css, etc.
 *
 * La couleur primaire peut etre surchargee par l'option fact_couleur_primaire
 * via un style inline genere par class-fact-frontend.php.
 */
:root {
    /* Couleur primaire (surchargeable) */
    --fact-color-primary: #0052FF;
    --fact-color-primary-dark: #0046D9;
    --fact-color-primary-bg: rgba(0, 82, 255, 0.08);

    /* Couleurs semantiques */
    --fact-color-danger: #FF3B30;
    --fact-color-success: #34C759;
    --fact-color-warning: #FF9500;
    --fact-color-secondary: #8E8E93;

    /* Texte */
    --fact-color-text: #1C1C1E;
    --fact-color-text-light: #8E8E93;

    /* Fonds */
    --fact-color-bg: #FFFFFF;
    --fact-color-bg-secondary: #F2F2F7;
    --fact-color-gray-light: #F2F2F7;

    /* Bordures */
    --fact-color-border: rgba(60, 60, 67, 0.12);
    --fact-color-separator: rgba(60, 60, 67, 0.08);

    /* Espacements */
    --fact-spacing-xs: 4px;
    --fact-spacing-sm: 8px;
    --fact-spacing-md: 16px;
    --fact-spacing-lg: 24px;
    --fact-spacing-xl: 32px;

    /* Rayons */
    --fact-radius-sm: 10px;
    --fact-radius-md: 14px;
    --fact-radius-lg: 22px;
    --fact-radius-full: 9999px;

    /* Typographie */
    --fact-font-stack: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}