/* ============================================================
   Design tokens — modifica QUI per personalizzare colori,
   font, raggi, spaziature. Nessun altro file CSS necessita
   modifiche per uno swap di brand.
   ============================================================ */
:root {
    --brand-primary:        #1A2E4C;
    --brand-primary-soft:   #2C4A7C;
    --brand-accent:         #1F8A4C;
    --brand-accent-hover:   #176B3B;
    --brand-dark:           #1A1A1A;
    --brand-text:           #2A2A2A;
    --brand-muted:          #6B7280;
    --brand-light:          #F6F8FA;
    --brand-border:         #E5E7EB;
    --brand-danger:         #C0392B;

    /* Surfaces */
    --surface-header:        #FAFBFC;
    --surface-header-border: #E5E7EB;
    --surface-footer:        #0A0A0A;
    --surface-footer-text:   #BFBFBF;
    --surface-footer-line:   rgba(31, 138, 76, 0.4);

    --font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body:    'Inter',   -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --shadow-card:  0 2px 12px rgba(20, 30, 60, 0.06);
    --shadow-hover: 0 8px 24px rgba(20, 30, 60, 0.10);

    --container-max: 960px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 24px;
    --space-lg: 48px;
    --space-xl: 80px;
}