/* Modalità giorno */
:root {
  --color-bg: #ffffff;
  --color-button: #ffda7e;
  --color-text: #222222;
  --color-link: #0066cc;
  --color-link-hover: #004499;
  --color-card-bg: #f5f5f5;
  --color-border: #dddddd;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
}

/* Modalità notte */
:root[data-theme="dark"] {
  --color-bg: #121212;
  --color-button: #ffda7e;
  --color-text: #f0f0f0;
  --color-link: #4da6ff;
  --color-link-hover: #82c0ff;
  --color-card-bg: #1e1e1e;
  --color-border: #333333;
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
}