:root {
    /* Palette de couleurs principales - Thème Coral Blue (fond clair) */

    /* 🌊 BLEU/OCÉAN - ACCENT PRINCIPAL (Coral Blue) */
    --color-primary: #2D5FA8;
    /* Bleu logo - Boutons d'action, liens */
    --color-primary-dark: #1F3F75;
    /* Bleu profond (Hover) */
    --color-primary-light: #4C86D9;
    /* Bleu clair (Badges/Highlights) */
    --color-primary-lighter: #E8F1FF;
    /* Bleu très clair (Background léger) */

    /* ⚪️ BLANC - COULEUR SECONDAIRE (Contraste, Détails) */
    --color-secondary: #FFFFFF;
    /* Blanc pur - Titres, icônes non-action */
    --color-secondary-dark: #E8E8E8;
    /* Blanc cassé */
    --color-secondary-light: #F5F5F5;
    /* Blanc plus clair */

    /* 🌤️ FOND CLAIR - FOND DE L'ÉCRAN */
    --color-screen-bg: #ffffff;
    /* Fond blanc */

    /* ⚪️ COULEURS NEUTRES & CONSTRASTE */
    --color-accent: #111827;
    /* Noir doux (texte) */
    --color-accent-dark: #0b1220;

    /* 📱 COULEURS STRUCTURELLES */
    --color-iphone-border: #e5e7eb;
    --color-notch: #e5e7eb;

    /* Couleurs de fond - FOND CLAIR */
    --bg-gradient-start: #ffffff;
    --bg-gradient-end: #f6f8fc;
    --bg-card: #ffffff;
    --bg-card-transparent: rgba(255, 255, 255, 0.92);
    --bg-nav: rgba(255, 255, 255, 0.92);
    --bg-icon: #F2C94C;
    /* Jaune logo pour les icônes d'action */
    --bg-widget: rgba(255, 255, 255, 0.92);

    /* Couleurs de texte - FOND CLAIR */
    --text-light: #ffffff;
    --text-dark: #111827;
    --text-medium: #4b5563;
    --text-muted: #6b7280;
    --text-action: var(--color-primary);
    /* Texte pour actions/prix */

    /* Couleurs de bordures - FOND CLAIR */
    --border-light: rgba(17, 24, 39, 0.10);
    --border-medium: #e5e7eb;
    --border-dark: rgba(17, 24, 39, 0.14);
    --border-iphone: #e5e7eb;
    --border-notification: var(--color-secondary);
    /* Vert pour une notification moins urgente que le rouge */

    /* Couleurs d'ombres et effets - FOND CLAIR */
    --shadow-color: rgba(17, 24, 39, 0.12);
    --shadow-color-light: rgba(17, 24, 39, 0.08);
    --shadow-color-dark: rgba(17, 24, 39, 0.18);
    --shadow-color-medium: rgba(17, 24, 39, 0.12);
    --shadow-color-red: rgba(45, 95, 168, 0.22);
    /* Ombres (Primary) */
    --shadow-color-green: rgba(56, 118, 29, 0.2);
    /* Ombres Vertes (Secondary) */
    --shadow-iphone: 0px 20px 15px rgba(17, 24, 39, 0.18);

    /* Transparences - FOND CLAIR */
    --overlay-dark: rgba(0, 0, 0, 0.35);
    --overlay-light: rgba(255, 255, 255, 0.88);
    --overlay-medium: rgba(255, 255, 255, 0.76);
    --overlay-primary: rgba(45, 95, 168, 0.10);
    /* Overlay (Primary) */
    --overlay-secondary: rgba(56, 118, 29, 0.08);
    /* Overlay vert (Secondary) */

    /* Dégradés prédéfinis - Style Coral Blue (fond clair) */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);
    --gradient-button: var(--gradient-primary);
    --gradient-button-hover: linear-gradient(145deg, var(--color-primary-dark), var(--color-primary-light));
    --gradient-bg: linear-gradient(135deg, #ffffff 0%, #f6f8fc 100%);
    --gradient-screen: linear-gradient(135deg, #ffffff 0%, #f2f6ff 100%);
    --gradient-accent: linear-gradient(135deg, #f3f4f6 0%, #ffffff 100%);

    /* ... (Autres variables de glassmorphism, tailles, espacements inchangées) ... */

    /* Tailles et espacements */
    --border-radius-sm: 15px;
    --border-radius-md: 20px;
    --border-radius-lg: 25px;
    --border-radius-circle: 50%;
    --border-radius-iphone: 40px;
    --border-radius-widget: 20px;
    --border-radius-icon: 15px;
    --spacing-xs: 10px;
    --spacing-sm: 15px;
    --spacing-md: 20px;
    --spacing-lg: 25px;
    --spacing-xl: 30px;
    --spacing-xxl: 40px;
    --iphone-width: 320px;
    --iphone-height: 700px;
    --iphone-border: 10px;
    --notch-width: 200px;
    --notch-height: 30px;
    --icon-size: 50px;
    --widget-height: 120px;
    --transition-fast: 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    --transition-normal: 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    --transition-bounce: 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --transition-ios: 400ms ease-in-out;
    --opacity-low: 0.4;
    --opacity-medium: 0.6;
    --opacity-high: 0.8;
    --z-notch: 50;
    --z-screen: 10;
    --z-icon: 100;
    --z-widget: 100;
    --z-nav: 200;
    --z-notification: 300;
}

/* Note: thème clair forcé (fond blanc) — pas de bascule auto en mode sombre. */

/* ============================================
   FORMULAIRES - Lisibilité globale tous modes
   ============================================ */
input,
textarea,
select,
.form-control,
.form-select {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border: 1.5px solid #d0d0d0 !important;
    font-size: 16px !important;
    opacity: 1;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: #999999 !important;
    -webkit-text-fill-color: #999999 !important;
    opacity: 1 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border-color: var(--color-primary, #2D5FA8) !important;
    box-shadow: 0 0 0 3px rgba(45, 95, 168, 0.18) !important;
    outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    background-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Classes utilitaires spécifiques à Coral Blue */
.nimba-primary {
    color: var(--color-primary);
    /* Cyan */
}

.nimba-bg-primary {
    background-color: var(--color-primary);
    /* Cyan */
}

.nimba-secondary {
    color: var(--color-secondary);
    /* Blanc */
}

.nimba-bg-secondary {
    background-color: var(--color-secondary);
    /* Blanc */
}

.nimba-text-dark {
    color: var(--text-dark);
}

/* Effets hover spécifiques */
.hover-primary:hover {
    background-color: var(--color-primary-dark);
    color: white;
}

.hover-secondary:hover {
    background-color: var(--color-secondary-dark);
    color: white;
}