/* =============================================
   CSS CUSTOM PROPERTIES — Tema Gestione Spese
   ============================================= */
:root {
  /* Colori principali */
  --color-bg: #f4f7fc;
  --color-bg-main: #f8fafc;
  --color-bg-cream: #fdf6e3;
  --color-bg-cream-border: #e8dcc4;

  /* Sidebar */
  --sidebar-bg: #1e293b;
  --sidebar-text: #e2e8f0;
  --sidebar-text-muted: #94a3b8;
  --sidebar-hover: #334155;
  --sidebar-active: #3b82f6;
  --sidebar-active-shadow: rgba(59, 130, 246, 0.3);
  --sidebar-border: #334155;
  --sidebar-bottom-text: #64748b;
  --sidebar-logo: #facc15;

  /* Testi */
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --text-dark: #1e293b;

  /* Accenti */
  --blue: #3b82f6;
  --blue-hover: #2563eb;
  --blue-light: #dbeafe;
  --blue-border: #bfdbfe;
  --green: #22c55e;
  --green-hover: #16a34a;
  --green-light: rgba(34, 197, 94, 0.15);
  --green-border: rgba(34, 197, 94, 0.2);
  --green-text: #16a34a;
  --green-dark: #166534;
  --red: #ef4444;
  --red-hover: #dc2626;
  --red-light: rgba(239, 68, 68, 0.12);
  --red-border: rgba(239, 68, 68, 0.25);
  --red-text: #dc2626;
  --red-dark: #991b1b;

  /* Card mese */
  --card-bg: #dce6f5;
  --card-border: #b8cce0;
  --card-hover-border: #94a3b8;
  --card-current-bg: #f5e6c8;
  --card-current-border: #c4a882;
  --card-current-header: #e8d5b5;
  --card-current-total-border: #d4c0a8;

  /* Expense items */
  --expense-hover: rgba(255, 255, 255, 0.3);
  --expense-border: rgba(255, 255, 255, 0.2);

  /* Badge stato */
  --badge-bg: rgba(255, 255, 255, 0.5);
  --badge-eseguita-bg: rgba(34, 197, 94, 0.2);
  --badge-preventivata-bg: rgba(59, 130, 246, 0.2);
  --badge-scaduta-bg: rgba(239, 68, 68, 0.2);

  /* Modali */
  --modal-overlay: rgba(15, 23, 42, 0.45);
  --modal-bg: white;
  --modal-shadow: 0 40px 80px rgba(0, 0, 0, 0.2);
  --modal-radius: 36px;

  /* Input / form */
  --input-border: #d1d9e6;
  --input-bg: #fafcff;
  --input-focus-border: #3b82f6;
  --input-focus-shadow: rgba(59, 130, 246, 0.1);

  /* Categorie column */
  --cat-entrate-bg: #f0fdf4;
  --cat-entrate-border: #bbf7d0;
  --cat-entrate-item: #c6e6c6;
  --cat-entrate-item-alt: #daf0da;
  --cat-entrate-item-hover: #a8d6a8;
  --cat-uscite-bg: #fef2f2;
  --cat-uscite-border: #fecaca;
  --cat-uscite-item: #f0c8c8;
  --cat-uscite-item-alt: #fadcdc;
  --cat-uscite-item-hover: #e5b0b0;

  /* Ricorrenti */
  --ric-entrate-item: #d4f0d4;
  --ric-entrate-item-alt: #e2f7e2;
  --ric-uscite-item: #f5d5d5;
  --ric-uscite-item-alt: #fce8e8;

  /* Notifiche */
  --notifica-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);
  --notifica-overlay: rgba(15, 23, 42, 0.5);

  /* Font */
  --font-family: "Segoe UI", Roboto, system-ui, sans-serif;

  /* Bordi */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 18px;
  --radius-full: 30px;

  /* Ombre */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
}