:root {
    /* Palette de couleurs principales - Thème DolceVita Amélioré */
    
    /* 🔴 ROUGE VIF - ACCENT PRINCIPAL (Pizza, Couverts, Action) */
    --color-primary: #E21818;    /* Rouge Cerise (du logo) - Boutons d'action */
    --color-primary-dark: #B51212; /* Rouge plus foncé (Hover) */
    --color-primary-light: #FF2E2E; /* Rouge plus clair (Notification/Tags) */
    --color-primary-lighter: #FFC0C0;
     /* Rouge très clair (Background léger) */
    
    /* 🟢 VERT FORÊT - COULEUR SECONDAIRE (Dolce Vita, Nature, Détails) */
    --color-secondary: #255710FF; /* Vert Forêt (du logo) - Titres, icônes non-action */
    --color-secondary-dark: #1F440FFF; /* Vert plus foncé */
    --color-secondary-light: #426B31FF; /* Vert plus clair */

    /* 🍦 CRÈME DOUCE - FOND DE L'ÉCRAN (Chaleureux et Doux) */
    --color-screen-bg: #F8F6F1; /* Crème Douce (Fond du logo) */
    
    /* ⚪️ COULEURS NEUTRES & CONSTRASTE */
    --color-accent: #FFFFFF; /* Blanc pur (Texte sur fond rouge/vert) */
    --color-accent-dark: #F0EDE8; /* Crème cassé légèrement plus gris */
    
    /* 📱 COULEURS STRUCTURELLES */
    --color-iphone-border: #222222; /* Noir Profond */
    --color-notch: #222222; /* Noir Profond */
    
    /* Couleurs de fond */
    --bg-gradient-start: #FFF7F7EA; /* Blanc pur pour un look frais */
    --bg-gradient-end: #FAEFEFFF; /* Crème Douce */
    --bg-card: #F8F8F8FF; /* Blanc pur pour les cartes (lisibilité) */
    --bg-card-transparent: rgba(255, 255, 255, 0.9); /* Blanc translucide */
    --bg-nav: rgba(56, 118, 29, 0.95); /* Vert Forêt translucide (Moins vu) OU Vert pour un effet de distinction */
    --bg-icon: #D6272B; /* Fond Rouge pour les icônes d'action */
    --bg-widget: rgba(255, 255, 255, 0.95); /* Widget semi-transparent */
    
    /* Couleurs de texte */
    --text-light: #FFFFFF; /* Texte blanc */
    --text-dark: #222222; /* Noir Profond (meilleure lisibilité que le 1F261F) */
    --text-medium: #555555; /* Texte moyen */
    --text-muted: #888888; /* Texte atténué */
    --text-action: var(--color-primary); /* Texte pour actions/prix */
    
    /* Couleurs de bordures */
    --border-light: rgba(255, 255, 255, 0.25);
    --border-medium: #E0E0E0; /* Gris très clair */
    --border-dark: rgba(34, 34, 34, 0.15); 
    --border-iphone: #222222;
    --border-notification: var(--color-secondary); /* Vert pour une notification moins urgente que le rouge */
    
    /* Couleurs d'ombres et effets */
    --shadow-color: rgba(34, 34, 34, 0.15); /* Ombres standard */
    --shadow-color-light: rgba(34, 34, 34, 0.08);
    --shadow-color-red: rgba(214, 39, 43, 0.2); /* Ombres Rouges (Primary) */
    --shadow-color-green: rgba(56, 118, 29, 0.2); /* Ombres Vertes (Secondary) */
    --shadow-iphone: 0px 20px 15px rgba(34, 34, 34, 0.18);
    
    /* Transparences */
    --overlay-dark: rgba(34, 34, 34, 0.08); 
    --overlay-primary: rgba(214, 39, 43, 0.08); /* Overlay rouge (Primary) */
    --overlay-secondary: rgba(56, 118, 29, 0.08); /* Overlay vert (Secondary) */
    
    /* Dégradés prédéfinis - Style DolceVita */
    --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, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
    --gradient-screen: linear-gradient(135deg, #FFFFFF 0%, #F8F6F1 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;
}

/* Classes utilitaires spécifiques à DolceVita */
.dolcevita-primary {
    color: var(--color-primary); /* Rouge */
}

.dolcevita-bg-primary {
    background-color: var(--color-primary); /* Rouge */
}

.dolcevita-secondary {
    color: var(--color-secondary); /* Vert */
}

.dolcevita-bg-secondary {
    background-color: var(--color-secondary); /* Vert */
}

.dolcevita-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;
}