:root {
  --bg: #f5f0eb;
  --text: #2c3e50;
  --text-light: #64748b;

  --logo-blue: #0084a3;
  --logo-brown: #9c4114;
  --logo-yellow: #e2e45c;

  --shadow-light: #ffffff;
  --shadow-dark: #cbd5e1;

  --nm-extruded-sm: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
  --nm-extruded-md: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
  --nm-extruded-lg: 10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light);
  --nm-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
  --nm-inset-md: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);

  --verde: #5a9e6f;
  --verde-scuro: #2e7d32;
  --verde-chiaro: #a5d6a7;
  --giallo: #e8b84b;
  --rosso: #d9534f;
  --blu: #1e88e5;

  --ombra: var(--nm-extruded-sm);
  --ombra-hover: var(--nm-extruded-md);
  --ombra-input: var(--nm-inset-sm);
  --ombra-dialog: var(--nm-extruded-lg);

  --testo: var(--text);
  --testo-inverso: var(--text);
  --grigio: var(--text-light);
  --grigio-caldo: var(--text-light);
  --grigio-chiaro: var(--shadow-dark);
  --bianco: #ffffff;
  --bordo: var(--shadow-dark);
  --input-bg: var(--bg);
  --input-text: var(--text);
  --dialog-bg: var(--bg);
  --modal-bg: rgba(0,0,0,0.3);
  --focus-bg: rgba(0,132,163,0.08);
  --btn-focus-bg: var(--logo-blue);
  --btn-disabled-bg: var(--shadow-dark);
  --btn-disabled-text: var(--text-light);
  --select-row-bg: var(--bg);
  --select-border: var(--shadow-dark);
  --select-odd-bg: var(--bg);
  --radiobox-bg: var(--shadow-dark);
  --radiobox-border: var(--shadow-dark);
  --calendar-today-bg: var(--bg);
  --calendar-today-text: var(--text);
  --listbox-hover-bg: rgba(0,132,163,0.08);

  --sabbia: var(--bg);
  --sabbia-scura: var(--shadow-dark);
  --terracotta: var(--logo-brown);
  --terracotta-chiaro: #b8511a;
  --petrolio: var(--logo-blue);
  --petrolio-chiaro: #00a0c7;
}