:root {
  /* Color Palette - Sober, Nature-inspired, Professional */
  --color-primary: #5A9ead; /* Muted Teal/Blue */
  --color-primary-light: #e0f2f1; /* Very light teal for backgrounds */
  --color-secondary: #8bc34a; /* Soft Green */
  --color-accent: #ffab91; /* Soft Peach/Pastel Orange for warmth */
  
  --color-text-main: #333333; /* Dark Grey for readability */
  --color-text-muted: #666666;
  --color-text-light: #ffffff;

  --color-bg-body: #f9fbfb; /* Almost white with a hint of blue */
  --color-bg-card: #ffffff;
  --color-bg-alt: #f0f4f4;

  /* Typography */
  --font-family-base: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
  --font-family-heading: 'Outfit', sans-serif; /* Modern, clean heading font */

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 8rem;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}

@media (prefers-color-scheme: dark) {
  /* Optional: Dark mode adjustments if needed, though user asked for "light/pastel". 
     For a clinical context, a forced light/calm mode is often better than a high-contrast dark mode.
     I'll keep it light-focused for now as requested ("toni chiari"). */
}