/* GENERATO DA build-tokens.py — non modificare a mano. Fonte: tokens.json */
:root {

  /* color */
  --ens-color-brand-light-sea-green: #21AEA8;
  --ens-color-brand-dark-cyan: #258995;
  --ens-color-brand-lapis-lazuli: #296482;
  --ens-color-brand-indigo-dye: #153B5B;
  --ens-color-brand-oxford-blue: #001133;
  --ens-color-sector-healthcare: #21AEA8;
  --ens-color-sector-industry: #F58220;
  --ens-color-sector-logistics: #573DFF;
  --ens-color-neutral-white: #FFFFFF;
  --ens-color-neutral-platinum: #F4F4F5;
  --ens-color-neutral-line: #DCDCE1;
  --ens-color-neutral-grey400: #A8C4CF;
  --ens-color-neutral-grey500: #86868B;
  --ens-color-neutral-grey600: #6E6E73;
  --ens-color-neutral-ink: #1D1D1F;
  --ens-color-state-success: #2EDA20;
  --ens-color-state-danger: #FF5252;
  --ens-color-state-warning: #F58220;
  --ens-color-state-info: #296482;
  --ens-color-tint-light-sea-green-100: #21AEA8;
  --ens-color-tint-light-sea-green-80: #4DBEB9;
  --ens-color-tint-light-sea-green-60: #7ACECB;
  --ens-color-tint-light-sea-green-40: #A6DFDC;
  --ens-color-tint-light-sea-green-20: #D3EFEE;
  --ens-color-tint-dark-cyan-100: #258995;
  --ens-color-tint-dark-cyan-80: #51A1AA;
  --ens-color-tint-dark-cyan-60: #7CB8BF;
  --ens-color-tint-dark-cyan-40: #A8D0D5;
  --ens-color-tint-dark-cyan-20: #D3E7EA;
  --ens-color-tint-lapis-lazuli-100: #296482;
  --ens-color-tint-lapis-lazuli-80: #54839B;
  --ens-color-tint-lapis-lazuli-60: #7FA2B4;
  --ens-color-tint-lapis-lazuli-40: #A9C1CD;
  --ens-color-tint-lapis-lazuli-20: #D4E0E6;
  --ens-color-tint-indigo-dye-100: #153B5B;
  --ens-color-tint-indigo-dye-80: #44627C;
  --ens-color-tint-indigo-dye-60: #73899D;
  --ens-color-tint-indigo-dye-40: #A1B1BD;
  --ens-color-tint-indigo-dye-20: #D0D8DE;
  --ens-color-tint-oxford-blue-100: #001133;
  --ens-color-tint-oxford-blue-80: #33415C;
  --ens-color-tint-oxford-blue-60: #667085;
  --ens-color-tint-oxford-blue-40: #99A0AD;
  --ens-color-tint-oxford-blue-20: #CCCFD6;
  --ens-color-tint-industry-100: #F58220;
  --ens-color-tint-industry-80: #F79B4D;
  --ens-color-tint-industry-60: #F9B479;
  --ens-color-tint-industry-40: #FBCDA6;
  --ens-color-tint-industry-20: #FDE6D2;
  --ens-color-tint-logistics-100: #573DFF;
  --ens-color-tint-logistics-80: #7964FF;
  --ens-color-tint-logistics-60: #9A8BFF;
  --ens-color-tint-logistics-40: #BCB1FF;
  --ens-color-tint-logistics-20: #DDD8FF;
  --ens-color-semantic-bg: #FFFFFF;
  --ens-color-semantic-bg-subtle: #F4F4F5;
  --ens-color-semantic-bg-app: #F4F4F5;
  --ens-color-semantic-bg-dark: #153B5B;
  --ens-color-semantic-bg-emergency: #001133;
  --ens-color-semantic-surface-feature: #296482;
  --ens-color-semantic-surface: #FFFFFF;
  --ens-color-semantic-text-primary: #296482;
  --ens-color-semantic-text-secondary: #6E6E73;
  --ens-color-semantic-text-tertiary: #86868B;
  --ens-color-semantic-text-editorial: #1D1D1F;
  --ens-color-semantic-text-on-brand: #FFFFFF;
  --ens-color-semantic-text-on-accent: #001133;
  --ens-color-semantic-accent: #21AEA8;
  --ens-color-semantic-accent-on-dark: #8FE3DD;
  --ens-color-semantic-accent-hover: #258995;
  --ens-color-semantic-accent-active: #198F8A;
  --ens-color-semantic-accent-surface: #A6DFDC;
  --ens-color-semantic-accent-surface-hover: #D3EFEE;
  --ens-color-semantic-action-bg: #153B5B;
  --ens-color-semantic-border-primary: #296482;
  --ens-color-semantic-border-subtle: #DCDCE1;
  --ens-color-semantic-border-secondary: #A8C4CF;
  --ens-color-semantic-disabled: #D8E6E8;
  --ens-color-estia-blue: #1678FF;
  --ens-color-estia-deep: #0D5FCC;
  --ens-color-estia-night: #0A1F33;

  /* gradient */
  --ens-gradient-sector-healthcare: linear-gradient(90deg, #21AEA8 0%, #4DBEB9 100%);
  --ens-gradient-sector-industry: linear-gradient(90deg, #F58220 0%, #F79B4D 100%);
  --ens-gradient-sector-logistics: linear-gradient(90deg, #573DFF 0%, #7964FF 100%);

  /* space */
  --ens-space-0: 0;
  --ens-space-1: 4px;
  --ens-space-2: 8px;
  --ens-space-3: 12px;
  --ens-space-4: 16px;
  --ens-space-5: 20px;
  --ens-space-6: 24px;
  --ens-space-8: 32px;
  --ens-space-10: 40px;
  --ens-space-12: 48px;
  --ens-space-16: 64px;
  --ens-space-18: 72px;
  --ens-space-20: 80px;
  --ens-space-24: 96px;
  --ens-space-30: 120px;
  --ens-space-32: 128px;
  --ens-space-45: 180px;
  --ens-space-70: 280px;

  /* radius */
  --ens-radius-none: 0px;
  --ens-radius-xs: 4px;
  --ens-radius-sm: 8px;
  --ens-radius-md: 12px;
  --ens-radius-lg: 17px;
  --ens-radius-xl: 24px;
  --ens-radius-pill: 999px;
  --ens-radius-full: 50%;

  /* shadow */
  --ens-shadow-default: 0 3px 12px rgba(41, 100, 130, 0.14);
  --ens-shadow-hover: 0 5px 18px rgba(41, 100, 130, 0.20);
  --ens-shadow-bottom: 0 4px 10px rgba(41, 100, 130, 0.16);
  --ens-shadow-focus: 0 0 0 3px rgba(33, 174, 168, 0.20);
  --ens-shadow-device: 0 12px 32px rgba(18, 38, 50, 0.20), 0 3px 8px rgba(18, 38, 50, 0.12);

  /* motion */
  --ens-motion-duration-fast: 120ms;
  --ens-motion-duration-base: 200ms;
  --ens-motion-duration-slow: 320ms;
  --ens-motion-duration-scene: 900ms;
  --ens-motion-duration-sipario: 1100ms;
  --ens-motion-duration-passo: 70ms;
  --ens-motion-duration-velo-copre: 380ms;
  --ens-motion-duration-velo-scopre: 640ms;
  --ens-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ens-motion-easing-out: cubic-bezier(0, 0, 0.2, 1);
  --ens-motion-easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --ens-motion-easing-velo: cubic-bezier(0.76, 0, 0.24, 1);

  /* layout */
  --ens-layout-container-max: 1400px;
  --ens-layout-container-text: 720px;
  --ens-layout-gutter: 24px;
  --ens-layout-gutter-mobile: 16px;
  --ens-layout-columns: 12;
  --ens-layout-section-padding: 96px;
  --ens-layout-section-padding-fluid: clamp(6rem, 10vw, 10rem);

  /* size */
  --ens-size-icon-xs: 16px;
  --ens-size-icon-sm: 20px;
  --ens-size-icon-md: 24px;
  --ens-size-icon-lg: 32px;
  --ens-size-control-sm: 36px;
  --ens-size-control-md: 44px;
  --ens-size-control-lg: 52px;
  --ens-size-touch-target: 44px;

  /* zIndex */
  --ens-z-index-base: 0;
  --ens-z-index-sticky: 100;
  --ens-z-index-overlay: 200;
  --ens-z-index-modal: 300;
  --ens-z-index-toast: 400;
  --ens-z-index-emergency: 900;

  /* glass */
  --ens-glass-light-background: rgba(255, 255, 255, 0.8);
  --ens-glass-light-filter: blur(20px) saturate(180%);
  --ens-glass-dark-background: rgba(255, 255, 255, 0.055);
  --ens-glass-dark-border: rgba(255, 255, 255, 0.12);

  /* typography web — cap. 4 § 4.4 */
  --ens-type-hero-size: clamp(2.5rem, 5.6vw, 4.75rem);
  --ens-type-hero-line: 1.02;
  --ens-type-hero-weight: 500;
  --ens-type-hero-tracking: -0.035em;
  --ens-type-statement-size: clamp(2rem, 3.8vw, 3.25rem);
  --ens-type-statement-line: 1.08;
  --ens-type-statement-weight: 500;
  --ens-type-statement-tracking: -0.03em;
  --ens-type-display-size: 3.5rem;
  --ens-type-display-line: 1.04;
  --ens-type-display-weight: 500;
  --ens-type-display-tracking: -0.03em;
  --ens-type-h1-size: 2.5rem;
  --ens-type-h1-line: 1.08;
  --ens-type-h1-weight: 500;
  --ens-type-h1-tracking: -0.025em;
  --ens-type-h2-size: 1.75rem;
  --ens-type-h2-line: 1.12;
  --ens-type-h2-weight: 500;
  --ens-type-h2-tracking: -0.02em;
  --ens-type-h3-size: 1.25rem;
  --ens-type-h3-line: 1.2;
  --ens-type-h3-weight: 500;
  --ens-type-h3-tracking: -0.01em;
  --ens-type-body-size: 1rem;
  --ens-type-body-line: 1.55;
  --ens-type-body-weight: 400;
  --ens-type-body-tracking: -0.005em;
  --ens-type-small-size: 0.875rem;
  --ens-type-small-line: 1.5;
  --ens-type-small-weight: 400;
  --ens-type-caption-size: 0.75rem;
  --ens-type-caption-line: 1.45;
  --ens-type-caption-weight: 400;
  --ens-type-eyebrow-size: 0.75rem;
  --ens-type-eyebrow-line: 1.2;
  --ens-type-eyebrow-weight: 700;
  --ens-type-eyebrow-tracking: 0.02em;

  /* font families */
  --ens-font-brand: Biennale, Arial, Helvetica, sans-serif;
  --ens-font-text: Satoshi, Inter, 'Helvetica Neue', Arial, sans-serif;
  --ens-font-ui: 'Plus Jakarta Sans', Inter, system-ui, sans-serif;
  --ens-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}