/**
 * Variables CSS
 * Centro Odontoiatrico TED
 */

:root {
    /* Colors - Ispirati ai colori medici/odontoiatrici e dal brand CentroTED */
    --color-primary: #0077b6; /* Blu medico / affidabile */
    --color-primary-dark: #023e8a;
    --color-secondary: #1E84B5; /* Azzurro vibrante (es. per hover o highlight) */
    
    --color-dark: #0E384C;
    --color-light: #f8f9fa;
    --color-bg: #ffffff;
    
    --color-text: #495057;
    --color-text-muted: #6c757d;

    /* Typography */
    --font-heading: 'Poppins', sans-serif; /* Font del template Dentaire, usato ovunque */
    --font-body: 'Poppins', sans-serif;
    
    /* Spacing */
    --section-padding: 100px;
    --section-padding-mobile: 60px;
    
    /* Transitions */
    --transition-base: all 0.3s ease-in-out;

    /* Layout */
    --header-height: 130px;

    /* Gradiente glass scuro (navbar mobile + cookie banner) */
    --gradient-glass-dark: linear-gradient(160deg, rgba(2, 20, 38, 0.92) 0%, rgba(0, 60, 99, 0.90) 55%, rgba(0, 119, 182, 0.88) 100%);
}

/* Override Bootstrap Variables (Optional ma utile se non si usa SASS) */
body {
    --bs-primary: var(--color-primary);
    --bs-secondary: var(--color-secondary);
    --bs-dark: var(--color-dark);
    --bs-light: var(--color-light);
    --bs-body-font-family: var(--font-body);
    --bs-body-color: var(--color-text);
}