:root {
  /* Colori */
  --c-bg: #f5f6f8;
  --c-surface: #ffffff;
  --c-surface-2: #f0f2f6;
  --c-border: #d9dde4;
  --c-border-strong: #b8bfcb;

  --c-text: #1a2231;
  --c-text-muted: #5a6478;
  --c-text-invert: #ffffff;

  --c-primary: #0b3d91;
  --c-primary-hover: #0a3378;
  --c-primary-soft: #e6edf9;

  --c-success: #1a7f4e;
  --c-success-soft: #e4f5ec;
  --c-warning: #b06a00;
  --c-warning-soft: #fdf2dd;
  --c-danger: #b3261e;
  --c-danger-soft: #fbe6e4;
  --c-info: #2a5db0;
  --c-info-soft: #e6eefb;

  /* Tipografia */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spaziature */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Raggio */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;

  /* Ombre */
  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-2: 0 2px 6px rgba(16, 24, 40, 0.08);
  --shadow-3: 0 8px 24px rgba(16, 24, 40, 0.12);

  /* Layout */
  --topbar-h: 56px;
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 64px;

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(11, 61, 145, 0.25);
}