:root {
  /* Palette base */
  --color-slate:        #1A2332;
  --color-slate-light:  #263347;
  --color-white:        #FFFFFF;
  --color-offwhite:     #F4F6F9;
  --color-gray:         #8892A4;
  --color-green:        #00C853;
  --color-green-dark:   #007B33;
  --color-orange:       #FF6B35;
  --color-blue:         #0077FF;
  --color-purple:       #9B59B6;

  /* Palette facoltà */
  --color-economia:       #0077FF;
  --color-ingegneria:     #FF6B35;
  --color-informatica:    #00C853;
  --color-medicina:       #D63384;
  --color-giurisprudenza: #9B59B6;
  --color-psicologia:     #E74C3C;
  --color-marketing:      #F39C12;
  --color-design:         #1ABC9C;

  /* Challenge — team */
  --color-team-business:  #185FA5;
  --color-team-marketing: #854F0B;
  --color-team-legal:     #534AB7;
  --color-team-design:    #085041;

  /* Challenge — variabili popolate live dai team */
  --challenge-primary:   #00C853;
  --challenge-secondary: #1A2332;
  --challenge-font:      sans-serif;

  /* Tipografia */
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,.16);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.22);

  /* Transitions */
  --transition: 200ms ease;
}