/* mc2-ui tokens v3.1.0 — palette E Canonica (Deep Blue MH-91 su bianco, header primary).
   UNICA FONTE CANONICA dei valori. Le app consumano copie vendored meccaniche.
   MAI ridichiarare questi valori nel codice delle app: vendorizza e pinna la versione.
   Solo variante light. Stati sempre con icona + testo, mai solo colore.
   Base: MH-91 Deep Blue v1.1.0 (navy/petrol, perno #073763) con semantici dalla D v2.0.0.
   Pagina bianca (canvas = surface = #FFFFFF): le card si staccano con ombra, non con fondo.
   Header pieno primary #073763 con testo inverse. */

:root {
  /* Color — superfici e testi (pagina bianca, card come body + ombra) */
  --mc2-color-bg-canvas: #FFFFFF;
  --mc2-color-bg-surface: #FFFFFF;
  --mc2-color-bg-raised: #E4EAF0;
  --mc2-color-fg-default: #0A2540;
  --mc2-color-fg-muted: #3D5A73;
  --mc2-color-fg-inverse: #FFFFFF;
  --mc2-color-border-default: #B8C9D9;
  --mc2-color-border-subtle: #D6E1EB;
  /* Color — primary (deep navy MH-91, anche fondo header) */
  --mc2-color-primary-base: #073763;
  --mc2-color-primary-hover: #052C4F;
  --mc2-color-primary-active: #042145;
  --mc2-color-primary-subtle: #D4E2F0;
  /* Color — secondary (blue petrol MH-91) */
  --mc2-color-secondary-base: #0F425F;
  --mc2-color-secondary-hover: #093550;
  --mc2-color-secondary-active: #052A40;
  --mc2-color-secondary-subtle: #D6E4EC;
  /* Color — neutrali (scala navy MH-91) */
  --mc2-color-neutral-900: #0A2540;
  --mc2-color-neutral-700: #1E3A52;
  --mc2-color-neutral-500: #456789;
  --mc2-color-neutral-300: #8DA3B5;
  --mc2-color-neutral-100: #D2DCE5;
  /* Color — semantici (dalla D v2.0.0, invariati) */
  --mc2-color-success: #15803D;
  --mc2-color-success-subtle: #CBEBD3;
  --mc2-color-warning: #8A6D00;
  --mc2-color-warning-subtle: #EDDCB4;
  --mc2-color-error: #B91C1C;
  --mc2-color-error-subtle: #F0D2D2;
  --mc2-color-info: #0B5563;
  --mc2-color-info-subtle: #BDD9E0;
  --mc2-color-focus-ring: #073763;

  /* Type */
  --mc2-type-font-sans: system-ui, -apple-system, 'Segoe UI', 'DejaVu Sans', sans-serif;
  --mc2-type-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
  --mc2-type-size-h1: 28px;
  --mc2-type-size-h2: 22px;
  --mc2-type-size-h3: 18px;
  --mc2-type-size-h4: 16px;
  --mc2-type-size-h5: 14px;
  --mc2-type-size-h6: 13px;
  --mc2-type-size-lg: 16px;
  --mc2-type-size-body: 14px;
  --mc2-type-size-body-sm: 13px;
  --mc2-type-size-sm: 13px;
  --mc2-type-size-caption: 12px;
  --mc2-type-size-label: 12px;
  --mc2-type-weight-regular: 400;
  --mc2-type-weight-medium: 500;
  --mc2-type-weight-semibold: 600;
  --mc2-type-weight-bold: 700;
  --mc2-type-line-h1: 34px;
  --mc2-type-line-h2: 28px;
  --mc2-type-line-h3: 24px;
  --mc2-type-line-h4: 22px;
  --mc2-type-line-h5: 20px;
  --mc2-type-line-h6: 18px;
  --mc2-type-line-base: 20px;
  --mc2-type-line-caption: 16px;

  /* Space (base 4px) */
  --mc2-space-0: 0;
  --mc2-space-1: 4px;
  --mc2-space-2: 8px;
  --mc2-space-3: 12px;
  --mc2-space-4: 16px;
  --mc2-space-5: 24px;
  --mc2-space-6: 32px;
  --mc2-space-7: 40px;
  --mc2-space-8: 48px;

  /* Border, radius, shadow, focus (ombre navy: le card bianche si staccano dal fondo bianco) */
  --mc2-border-width-sm: 1px;
  --mc2-border-width-md: 2px;
  --mc2-radius-sm: 4px;
  --mc2-radius-md: 6px;
  --mc2-radius-full: 999px;
  --mc2-shadow-sm: 0 1px 3px rgba(10, 37, 64, 0.14);
  --mc2-shadow-md: 0 4px 12px rgba(10, 37, 64, 0.16);
  --mc2-focus-ring-width: 2px;
  --mc2-focus-ring-offset: 2px;

  /* Layout */
  --mc2-container-max-width: 1200px;
  --mc2-header-height: 44px;
  --mc2-z-dropdown: 100;
  --mc2-z-sticky: 200;
  --mc2-z-drawer: 300;
  --mc2-z-modal: 400;
  --mc2-z-toast: 500;
}