/* ============================================================
   IVALAB — Design tokens
   Importato dalle pagine che adottano la nuova design system v3.
   ES2017 baseline — tokens consumabili da CSS native variables.
   ============================================================ */
:root {
  /* Colors */
  --ivl-navy: #1B3A6B;
  --ivl-navy-dark: #16284A;
  --ivl-navy-light: rgba(27, 58, 107, 0.08);
  --ivl-gold: #B8860B;
  --ivl-gold-dark: #8B6508;
  --ivl-gold-light: rgba(184, 134, 11, 0.12);
  --ivl-gold-bg: #F5F1E8;
  --ivl-gold-tint: rgba(184, 134, 11, 0.06);
  --ivl-bg: #FAFAF7;
  --ivl-bg-cream: #FFFCF4;
  --ivl-white: #FFFFFF;
  --ivl-border: #ECECEC;
  --ivl-border-soft: #F0EFEA;
  --ivl-divider: #F4F4F2;
  --ivl-text: #1A1A1A;
  --ivl-text-muted: #6B7280;
  --ivl-text-light: #9CA3AF;
  --ivl-success: #16A34A;
  --ivl-success-bg: rgba(22, 163, 74, 0.1);
  --ivl-success-text: #166534;
  --ivl-warn: #D97706;
  --ivl-warn-text: #8B6508;
  --ivl-danger: #DC2626;
  --ivl-danger-bg: rgba(220, 38, 38, 0.1);
  --ivl-danger-text: #991B1B;

  /* Radius */
  --ivl-radius-sm: 6px;
  --ivl-radius-md: 8px;
  --ivl-radius-lg: 12px;
  --ivl-radius-xl: 14px;
  --ivl-radius-pill: 100px;

  /* Spacing */
  --ivl-spacing-xs: 4px;
  --ivl-spacing-sm: 8px;
  --ivl-spacing-md: 12px;
  --ivl-spacing-lg: 18px;
  --ivl-spacing-xl: 24px;

  /* Fonts */
  --ivl-font-display: 'Outfit', sans-serif;
  --ivl-font-body: 'DM Sans', sans-serif;
  --ivl-font-mono: 'DM Mono', monospace;
}