/**
 * Lenny Food Delivery - Variabili CSS
 * File delle variabili globali per una gestione centralizzata dei colori, dimensioni, ecc.
 */

:root {
    /* Bootstrap override - Sovrascrive le variabili Bootstrap con i nostri colori */
    --bs-primary: #ff5a5f;
    --bs-primary-rgb: 255, 90, 95;
    --bs-primary-bg-subtle: rgba(255, 90, 95, 0.125);
    --bs-primary-border-subtle: rgba(255, 90, 95, 0.25);
    --bs-primary-text-emphasis: #cc484c;
    --bs-primary-light: rgba(255, 90, 95, 0.15);
    --bs-primary-dark: #e5525a;
    --bs-info: #36D1DC;
    --bs-info-rgb: 54, 209, 220;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success: #00d68f;
    --bs-success-rgb: 0, 214, 143;
    --bs-warning: #ffaa00;
    --bs-warning-rgb: 255, 170, 0;
    --bs-danger: #ff3d71;
    --bs-danger-rgb: 255, 61, 113;

    /* Colori principali & accent */
    --color-primary: #ff5a5f;
    --color-primary-hover: #ff3a40;
    --color-secondary: #00d1b2;
    --color-secondary-hover: #00c4a7;
    --color-accent-1: #ffbc1f;
    --color-accent-2: #8a4fff;
    --color-accent-3: #00c4b4;
    --color-accent-4: #fc636b;
    --color-primary-very-light: rgba(255, 90, 95, 0.08);
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #ff5a5f, #ff8a5c);
    --gradient-secondary: linear-gradient(135deg, #00d1b2, #1de9b6);
    --gradient-accent-1: linear-gradient(135deg, #ffbc1f, #ffda3e);
    --gradient-accent-2: linear-gradient(135deg, #8a4fff, #b387ff);
    --gradient-accent-3: linear-gradient(135deg, #00c4b4, #00e5cd);
    --gradient-accent-4: linear-gradient(135deg, #fc636b, #ff8787);
    
    /* Stati */
    --color-success: #00d68f;
    --color-info: #0095ff;
    --color-warning: #ffaa00;
    --color-danger: #ff3d71;
    
    /* Sfumature e neutrali */
    --color-dark: #2e3a59;
    --color-grey-100: #f7f9fc;
    --color-grey-200: #edf1f7;
    --color-grey-300: #e4e9f2;
    --color-grey-400: #c5cee0;
    --color-grey-500: #8f9bb3;
    --color-grey-600: #6e7b9b;
    --color-grey-700: #4b5675;
    --color-grey-800: #2e3a59;
    --color-grey-900: #222b45;
    
    /* Colori di sfondo */
    --color-bg-body: #f7f9fc;
    --color-bg-sidebar: #ffffff;
    --color-bg-card: #ffffff;
    
    /* Ombre */
    --shadow-sm: 0 2px 5px 0 rgba(59, 67, 99, 0.08);
    --shadow-md: 0 4px 16px 0 rgba(59, 67, 99, 0.12);
    --shadow-lg: 0 8px 24px 0 rgba(59, 67, 99, 0.16);
    --shadow-primary: 0 8px 16px -4px rgba(255, 90, 95, 0.3);
    --shadow-secondary: 0 8px 16px -4px rgba(0, 209, 178, 0.3);
    
    /* Bordi e arrotondamenti */
    --border-radius-sm: 0.5rem;
    --border-radius: 0.75rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --border-radius-pill: 50rem;
    
    /* Transizioni */
    --transition-base: all 0.3s ease;
    --transition-fast: all 0.15s ease;
    --transition-slow: all 0.5s ease;
    
    /* Font */
    --font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-xxl: 1.5rem;
    
    /* Elementi dell'interfaccia */
    --header-height: 70px;
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 80px;
    --sidebar-transition-speed: 0.3s;
    --sidebar-transition-easing: ease-in-out;
    --sidebar-backdrop-color: rgba(0, 0, 0, 0.5);
    --sidebar-z-index: 1040;
    --sidebar-mobile-z-index: 1050;
}