/* Light theme: palette neutra e pulita (niente beige) */
:root {
  --primary-color: #c1121f;
  --primary-color-text: #ffffff;
  --background-color: #f8fafc;
  --text-color: #0f172a;
  --on-primary-color: #ffffff;
  --link-color: #669bbc;
  --border-color: #e2e8f0;
  --text-color-secondary: #64748b;
  --contrast-accent: #0f172a;
  --contrast-accent-soft: rgba(15, 23, 42, 0.08);
  --contrast-accent-strong: rgba(15, 23, 42, 0.16);

  /* Surface (carte, sezioni, sidebar) */
  --surface-ground: #f1f5f9;
  --surface-card: #ffffff;
  --surface-section: #f8fafc;
  --surface-border: #e2e8f0;
  --surface-hover: #f1f5f9;

  /* Sidebar: stesso surface per coerenza, o colore dedicato */
  --sidebar-bg: var(--surface-ground);
  --header-bg: #ffffff;
  --header-border: var(--border-color);

  /* Semantic */
  --color-success: #16a34a;
  --color-danger: #dc2626;
  --color-warning: #ca8a04;
  --color-info: #0ea5e9;

  /* Progress / track */
  --progress-track: #e2e8f0;
  --progress-value: var(--primary-color);

  /* Chart (per dashboard) */
  --chart-text: #334155;
  --chart-subtext: #64748b;
  --chart-border: rgba(100, 116, 139, 0.35);
  --chart-grid: rgba(100, 116, 139, 0.15);
  --chart-tooltip-bg: rgba(15, 23, 42, 0.95);
  --chart-blue: #2563eb;
  --chart-cyan: #0891b2;
  --chart-emerald: #059669;
  --chart-amber: #d97706;
  --chart-danger: #dc2626;
  --chart-track: rgba(100, 116, 139, 0.2);

  /* Box shadow (theme-aware) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
}