/* ==========================================================================
   CAPFI SOLUTIONS - variables.css
   Thème "Sunset Boulevard" - variables globales réutilisées sur tout le site
   ========================================================================== */

:root {
    /* Couleurs principales */
    --capfi-navy: #0B1F3A;
    --capfi-navy-light: #12294F;
    --capfi-navy-dark: #071527;
    --capfi-red: #E63946;
    --capfi-red-dark: #D62839;
    --capfi-red-light: #FF5A64;

    /* Couleurs secondaires / neutres */
    --capfi-white: #FFFFFF;
    --capfi-light-gray: #F4F5F7;
    --capfi-gray: #6B7280;
    --capfi-dark-gray: #1A1A1A;
    --capfi-border: #E5E7EB;
    --capfi-placeholder-bg: #D9D9D9; /* Fond gris pour les images en attente */

    /* Dégradés "Sunset Boulevard" */
    --capfi-gradient-primary: linear-gradient(135deg, var(--capfi-navy) 0%, var(--capfi-navy-light) 60%, var(--capfi-red-dark) 130%);
    --capfi-gradient-red: linear-gradient(135deg, var(--capfi-red) 0%, var(--capfi-red-dark) 100%);
    --capfi-gradient-overlay: linear-gradient(180deg, rgba(11,31,58,0.85) 0%, rgba(11,31,58,0.55) 50%, rgba(214,40,57,0.55) 100%);

    /* Typographie */
    --capfi-font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Rayons */
    --capfi-radius-sm: 6px;
    --capfi-radius-md: 12px;
    --capfi-radius-lg: 20px;
    --capfi-radius-pill: 50px;

    /* Ombres */
    --capfi-shadow-sm: 0 2px 8px rgba(11, 31, 58, 0.08);
    --capfi-shadow-md: 0 8px 24px rgba(11, 31, 58, 0.12);
    --capfi-shadow-lg: 0 16px 48px rgba(11, 31, 58, 0.18);
    --capfi-shadow-red: 0 8px 24px rgba(230, 57, 70, 0.25);

    /* Transitions */
    --capfi-transition-fast: 0.2s ease;
    --capfi-transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --capfi-transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    /* Espacements de section */
    --capfi-section-padding: 100px;
    --capfi-section-padding-mobile: 60px;

    /* Hauteur de la navbar (utile pour l'offset des ancres et le padding-top du body) */
    --capfi-navbar-height: 88px;
    --capfi-navbar-height-mobile: 72px;

    /* Hauteur du bandeau supérieur (FAQ + téléphone), affiché au-dessus de la navbar */
    --capfi-topbar-height: 40px;
    --capfi-topbar-height-mobile: 34px;

    /* Hauteur totale de l'en-tête fixe (topbar + navbar), utile pour l'offset des ancres et le padding-top du body */
    --capfi-header-offset: calc(var(--capfi-topbar-height) + var(--capfi-navbar-height));
    --capfi-header-offset-mobile: calc(var(--capfi-topbar-height-mobile) + var(--capfi-navbar-height-mobile));
}