:root {
  /* Visconti Agentic Alliances (VAI). Generated 2026-09-26 from vai-style-guide.md; the guide wins. */
  --vai-deep-blue: #051C2C;
  --vai-teal-b: #1F7A8C;
  --vai-soft-teal: #8FC1C9;
  --vai-white: #FFFFFF;
  --vai-near-black: #1A1C1E;
  --vai-grey-600: #5D5E61;
  --vai-grey-200: #E3E2E5;
  --vai-black: #000000;
  --vai-status-critical: #8D0A17;
  --vai-status-warning: #EDCC37;
  --vai-status-warning-screen: #8C7602; /* warning ramp tone 50; screen status mark, 4.46:1 on white (27 Sep 2026) */
  --vai-status-good: #267147;
  --vai-ramp-primary-0: #000000;
  --vai-ramp-primary-10: #061D2D;
  --vai-ramp-primary-20: #1B3344;
  --vai-ramp-primary-30: #31495C;
  --vai-ramp-primary-40: #486174;
  --vai-ramp-primary-50: #617A8E;
  --vai-ramp-primary-60: #7A94A9;
  --vai-ramp-primary-70: #94AFC4;
  --vai-ramp-primary-80: #AECAE0;
  --vai-ramp-primary-85: #BCD8EE;
  --vai-ramp-primary-87: #C2DEF4;
  --vai-ramp-primary-90: #CAE6FD;
  --vai-ramp-primary-95: #E4F3FF;
  --vai-ramp-primary-98: #F4FAFF;
  --vai-ramp-primary-99: #F9FDFF;
  --vai-ramp-primary-100: #FFFFFF;
  --vai-ramp-secondary-0: #000000;
  --vai-ramp-secondary-10: #021F25;
  --vai-ramp-secondary-20: #06363F;
  --vai-ramp-secondary-30: #104E5A;
  --vai-ramp-secondary-40: #166777;
  --vai-ramp-secondary-50: #298194;
  --vai-ramp-secondary-60: #479CAE;
  --vai-ramp-secondary-70: #64B7CA;
  --vai-ramp-secondary-80: #7FD3E6;
  --vai-ramp-secondary-85: #8DE1F4;
  --vai-ramp-secondary-87: #93E7FA;
  --vai-ramp-secondary-90: #ABEDFD;
  --vai-ramp-secondary-95: #D5F7FF;
  --vai-ramp-secondary-98: #EFFCFF;
  --vai-ramp-secondary-99: #F7FDFF;
  --vai-ramp-secondary-100: #FFFFFF;
  --vai-ramp-tertiary-0: #000000;
  --vai-ramp-tertiary-10: #021F23;
  --vai-ramp-tertiary-20: #07363C;
  --vai-ramp-tertiary-30: #1C4D54;
  --vai-ramp-tertiary-40: #35656D;
  --vai-ramp-tertiary-50: #4E7F86;
  --vai-ramp-tertiary-60: #6899A0;
  --vai-ramp-tertiary-70: #82B3BB;
  --vai-ramp-tertiary-80: #9DCFD7;
  --vai-ramp-tertiary-85: #AADDE5;
  --vai-ramp-tertiary-87: #B0E3EB;
  --vai-ramp-tertiary-90: #B8EBF4;
  --vai-ramp-tertiary-95: #CFF8FF;
  --vai-ramp-tertiary-98: #EDFCFF;
  --vai-ramp-tertiary-99: #F5FEFF;
  --vai-ramp-tertiary-100: #FFFFFF;
  --vai-ramp-neutral-0: #000000;
  --vai-ramp-neutral-10: #1A1C1E;
  --vai-ramp-neutral-20: #2E3133;
  --vai-ramp-neutral-30: #454749;
  --vai-ramp-neutral-40: #5C5F61;
  --vai-ramp-neutral-50: #75777A;
  --vai-ramp-neutral-60: #8E9194;
  --vai-ramp-neutral-70: #A9ABAE;
  --vai-ramp-neutral-80: #C4C7C9;
  --vai-ramp-neutral-85: #D2D5D7;
  --vai-ramp-neutral-87: #D7DADD;
  --vai-ramp-neutral-90: #E0E3E6;
  --vai-ramp-neutral-95: #EEF1F4;
  --vai-ramp-neutral-98: #F7FAFD;
  --vai-ramp-neutral-99: #FAFCFF;
  --vai-ramp-neutral-100: #FFFFFF;
  --vai-ramp-neutral-variant-0: #000000;
  --vai-ramp-neutral-variant-10: #1B1B1E;
  --vai-ramp-neutral-variant-20: #2F3033;
  --vai-ramp-neutral-variant-30: #464749;
  --vai-ramp-neutral-variant-40: #5D5E61;
  --vai-ramp-neutral-variant-50: #76777A;
  --vai-ramp-neutral-variant-60: #8F9194;
  --vai-ramp-neutral-variant-70: #AAABAE;
  --vai-ramp-neutral-variant-80: #C5C6CA;
  --vai-ramp-neutral-variant-85: #D3D4D8;
  --vai-ramp-neutral-variant-87: #D9DADD;
  --vai-ramp-neutral-variant-90: #E1E2E6;
  --vai-ramp-neutral-variant-95: #EFF1F4;
  --vai-ramp-neutral-variant-98: #F8F9FD;
  --vai-ramp-neutral-variant-99: #FBFCFF;
  --vai-ramp-neutral-variant-100: #FFFFFF;
  --vai-ramp-error-0: #000000;
  --vai-ramp-error-10: #400105;
  --vai-ramp-error-20: #67030D;
  --vai-ramp-error-30: #8F0E19;
  --vai-ramp-error-40: #AC3131;
  --vai-ramp-error-50: #CA4D4A;
  --vai-ramp-error-60: #E86963;
  --vai-ramp-error-70: #FF8982;
  --vai-ramp-error-80: #FCB5AE;
  --vai-ramp-error-85: #FDC8C2;
  --vai-ramp-error-87: #FCD0CB;
  --vai-ramp-error-90: #FEDAD7;
  --vai-ramp-error-95: #FEEDEB;
  --vai-ramp-error-98: #FFF8F7;
  --vai-ramp-error-99: #FFFBFB;
  --vai-ramp-error-100: #FFFFFF;
  --vai-ramp-warning-0: #000000;
  --vai-ramp-warning-10: #221B01;
  --vai-ramp-warning-20: #3A3002;
  --vai-ramp-warning-30: #534609;
  --vai-ramp-warning-40: #6E5D0D;
  --vai-ramp-warning-50: #8C7602;
  --vai-ramp-warning-60: #A88F16;
  --vai-ramp-warning-70: #C6AA23;
  --vai-ramp-warning-80: #E6C52C;
  --vai-ramp-warning-85: #F4D340;
  --vai-ramp-warning-87: #F9D848;
  --vai-ramp-warning-90: #FFE168;
  --vai-ramp-warning-95: #FEF1BC;
  --vai-ramp-warning-98: #FFFAE3;
  --vai-ramp-warning-99: #FFFCF1;
  --vai-ramp-warning-100: #FFFFFF;
  --vai-ramp-success-0: #000000;
  --vai-ramp-success-10: #00210F;
  --vai-ramp-success-20: #02391D;
  --vai-ramp-success-30: #0A522E;
  --vai-ramp-success-40: #1F6B42;
  --vai-ramp-success-50: #3C855A;
  --vai-ramp-success-60: #579F72;
  --vai-ramp-success-70: #71BA8C;
  --vai-ramp-success-80: #8DD6A7;
  --vai-ramp-success-85: #9AE5B4;
  --vai-ramp-success-87: #A0EABA;
  --vai-ramp-success-90: #A8F3C2;
  --vai-ramp-success-95: #C3FED6;
  --vai-ramp-success-98: #E8FFEF;
  --vai-ramp-success-99: #F4FFF7;
  --vai-ramp-success-100: #FFFFFF;
  --vai-ramp-info-0: #000000;
  --vai-ramp-info-10: #021F25;
  --vai-ramp-info-20: #06363F;
  --vai-ramp-info-30: #104E5A;
  --vai-ramp-info-40: #166777;
  --vai-ramp-info-50: #298194;
  --vai-ramp-info-60: #479CAE;
  --vai-ramp-info-70: #64B7CA;
  --vai-ramp-info-80: #7FD3E6;
  --vai-ramp-info-85: #8DE1F4;
  --vai-ramp-info-87: #93E7FA;
  --vai-ramp-info-90: #ABEDFD;
  --vai-ramp-info-95: #D5F7FF;
  --vai-ramp-info-98: #EFFCFF;
  --vai-ramp-info-99: #F7FDFF;
  --vai-ramp-info-100: #FFFFFF;
  --vai-primary: #486174;
  --vai-on-primary: #FFFFFF;
  --vai-primary-container: #CAE6FD;
  --vai-on-primary-container: #061D2D;
  --vai-secondary: #166777;
  --vai-on-secondary: #FFFFFF;
  --vai-secondary-container: #ABEDFD;
  --vai-on-secondary-container: #021F25;
  --vai-tertiary: #35656D;
  --vai-on-tertiary: #FFFFFF;
  --vai-tertiary-container: #B8EBF4;
  --vai-on-tertiary-container: #021F23;
  --vai-error: #AC3131;
  --vai-on-error: #FFFFFF;
  --vai-error-container: #FEDAD7;
  --vai-on-error-container: #400105;
  --vai-warning: #6E5D0D;
  --vai-on-warning: #FFFFFF;
  --vai-warning-container: #FFE168;
  --vai-on-warning-container: #221B01;
  --vai-success: #1F6B42;
  --vai-on-success: #FFFFFF;
  --vai-success-container: #A8F3C2;
  --vai-on-success-container: #00210F;
  --vai-info: #166777;
  --vai-on-info: #FFFFFF;
  --vai-info-container: #ABEDFD;
  --vai-on-info-container: #021F25;
  --vai-surface: #F7FAFD;
  --vai-surface-dim: #E0E3E6;
  --vai-surface-bright: #F7FAFD;
  --vai-surface-container-lowest: #FFFFFF;
  --vai-surface-container-low: #EEF1F4;
  --vai-surface-container: #EEF1F4;
  --vai-surface-container-high: #E0E3E6;
  --vai-surface-container-highest: #E0E3E6;
  --vai-on-surface: #1A1C1E;
  --vai-on-surface-variant: #464749;
  --vai-outline: #76777A;
  --vai-outline-variant: #C5C6CA;
  --vai-inverse-surface: #2E3133;
  --vai-inverse-on-surface: #EEF1F4;
  --vai-font-family: 'Inter', Helvetica, Arial, sans-serif; /* Inter everywhere, 27 Sep 2026 */
  --vai-radius-panel: 28px;
  --vai-radius-pill: 9999px;
  --vai-space-unit: 4px;
  --vai-page-width: 1440px;
  --vai-content-margin: 120px;
  --vai-panel-gap: 12px;
  --vai-type-nav: 12px;
  --vai-type-ribbon: 14px;
  --vai-type-pill: 17px;
  --vai-type-tile-line: 17px;
  --vai-type-sub: 21px;
  --vai-type-who: 22px;
  --vai-type-tile-title: 24px;
  --vai-type-band: 40px;
  --vai-type-hero: 68px;
  --vai-type-figure: 170px;
  --vai-sub-line-on-deep-blue: #FFFFFF;
}
[data-theme="light"][data-contrast="medium"] {
  --vai-primary: #31495C;
  --vai-on-primary: #FFFFFF;
  --vai-primary-container: #AECAE0;
  --vai-on-primary-container: #061D2D;
  --vai-secondary: #104E5A;
  --vai-on-secondary: #FFFFFF;
  --vai-secondary-container: #7FD3E6;
  --vai-on-secondary-container: #021F25;
  --vai-tertiary: #1C4D54;
  --vai-on-tertiary: #FFFFFF;
  --vai-tertiary-container: #9DCFD7;
  --vai-on-tertiary-container: #021F23;
  --vai-error: #8F0E19;
  --vai-on-error: #FFFFFF;
  --vai-error-container: #FCB5AE;
  --vai-on-error-container: #400105;
  --vai-warning: #534609;
  --vai-on-warning: #FFFFFF;
  --vai-warning-container: #E6C52C;
  --vai-on-warning-container: #221B01;
  --vai-success: #0A522E;
  --vai-on-success: #FFFFFF;
  --vai-success-container: #8DD6A7;
  --vai-on-success-container: #00210F;
  --vai-info: #104E5A;
  --vai-on-info: #FFFFFF;
  --vai-info-container: #7FD3E6;
  --vai-on-info-container: #021F25;
  --vai-surface: #F7FAFD;
  --vai-surface-dim: #E0E3E6;
  --vai-surface-bright: #F7FAFD;
  --vai-surface-container-lowest: #FFFFFF;
  --vai-surface-container-low: #EEF1F4;
  --vai-surface-container: #EEF1F4;
  --vai-surface-container-high: #E0E3E6;
  --vai-surface-container-highest: #E0E3E6;
  --vai-on-surface: #000000;
  --vai-on-surface-variant: #2F3033;
  --vai-outline: #464749;
  --vai-outline-variant: #C5C6CA;
  --vai-inverse-surface: #2E3133;
  --vai-inverse-on-surface: #EEF1F4;
}
[data-theme="light"][data-contrast="high"] {
  --vai-primary: #1B3344;
  --vai-on-primary: #FFFFFF;
  --vai-primary-container: #94AFC4;
  --vai-on-primary-container: #000000;
  --vai-secondary: #06363F;
  --vai-on-secondary: #FFFFFF;
  --vai-secondary-container: #64B7CA;
  --vai-on-secondary-container: #000000;
  --vai-tertiary: #07363C;
  --vai-on-tertiary: #FFFFFF;
  --vai-tertiary-container: #82B3BB;
  --vai-on-tertiary-container: #000000;
  --vai-error: #67030D;
  --vai-on-error: #FFFFFF;
  --vai-error-container: #FF8982;
  --vai-on-error-container: #000000;
  --vai-warning: #3A3002;
  --vai-on-warning: #FFFFFF;
  --vai-warning-container: #C6AA23;
  --vai-on-warning-container: #000000;
  --vai-success: #02391D;
  --vai-on-success: #FFFFFF;
  --vai-success-container: #71BA8C;
  --vai-on-success-container: #000000;
  --vai-info: #06363F;
  --vai-on-info: #FFFFFF;
  --vai-info-container: #64B7CA;
  --vai-on-info-container: #000000;
  --vai-surface: #F7FAFD;
  --vai-surface-dim: #E0E3E6;
  --vai-surface-bright: #F7FAFD;
  --vai-surface-container-lowest: #FFFFFF;
  --vai-surface-container-low: #EEF1F4;
  --vai-surface-container: #EEF1F4;
  --vai-surface-container-high: #E0E3E6;
  --vai-surface-container-highest: #E0E3E6;
  --vai-on-surface: #000000;
  --vai-on-surface-variant: #2F3033;
  --vai-outline: #464749;
  --vai-outline-variant: #C5C6CA;
  --vai-inverse-surface: #2E3133;
  --vai-inverse-on-surface: #EEF1F4;
}
[data-theme="dark"] {
  --vai-primary: #AECAE0;
  --vai-on-primary: #1B3344;
  --vai-primary-container: #31495C;
  --vai-on-primary-container: #CAE6FD;
  --vai-secondary: #7FD3E6;
  --vai-on-secondary: #06363F;
  --vai-secondary-container: #104E5A;
  --vai-on-secondary-container: #ABEDFD;
  --vai-tertiary: #9DCFD7;
  --vai-on-tertiary: #07363C;
  --vai-tertiary-container: #1C4D54;
  --vai-on-tertiary-container: #B8EBF4;
  --vai-error: #FCB5AE;
  --vai-on-error: #67030D;
  --vai-error-container: #8F0E19;
  --vai-on-error-container: #FEDAD7;
  --vai-warning: #E6C52C;
  --vai-on-warning: #3A3002;
  --vai-warning-container: #534609;
  --vai-on-warning-container: #FFE168;
  --vai-success: #8DD6A7;
  --vai-on-success: #02391D;
  --vai-success-container: #0A522E;
  --vai-on-success-container: #A8F3C2;
  --vai-info: #7FD3E6;
  --vai-on-info: #06363F;
  --vai-info-container: #104E5A;
  --vai-on-info-container: #ABEDFD;
  --vai-surface: #1A1C1E;
  --vai-surface-dim: #1A1C1E;
  --vai-surface-bright: #454749;
  --vai-surface-container-lowest: #1A1C1E;
  --vai-surface-container-low: #1A1C1E;
  --vai-surface-container: #2E3133;
  --vai-surface-container-high: #2E3133;
  --vai-surface-container-highest: #454749;
  --vai-on-surface: #E0E3E6;
  --vai-on-surface-variant: #C5C6CA;
  --vai-outline: #8F9194;
  --vai-outline-variant: #464749;
  --vai-inverse-surface: #E0E3E6;
  --vai-inverse-on-surface: #2E3133;
}
[data-theme="dark"][data-contrast="medium"] {
  --vai-primary: #BCD8EE;
  --vai-on-primary: #061D2D;
  --vai-primary-container: #486174;
  --vai-on-primary-container: #FFFFFF;
  --vai-secondary: #8DE1F4;
  --vai-on-secondary: #021F25;
  --vai-secondary-container: #166777;
  --vai-on-secondary-container: #FFFFFF;
  --vai-tertiary: #AADDE5;
  --vai-on-tertiary: #021F23;
  --vai-tertiary-container: #35656D;
  --vai-on-tertiary-container: #FFFFFF;
  --vai-error: #FDC8C2;
  --vai-on-error: #400105;
  --vai-error-container: #AC3131;
  --vai-on-error-container: #FFFFFF;
  --vai-warning: #F4D340;
  --vai-on-warning: #221B01;
  --vai-warning-container: #6E5D0D;
  --vai-on-warning-container: #FFFFFF;
  --vai-success: #9AE5B4;
  --vai-on-success: #00210F;
  --vai-success-container: #1F6B42;
  --vai-on-success-container: #FFFFFF;
  --vai-info: #8DE1F4;
  --vai-on-info: #021F25;
  --vai-info-container: #166777;
  --vai-on-info-container: #FFFFFF;
  --vai-surface: #1A1C1E;
  --vai-surface-dim: #1A1C1E;
  --vai-surface-bright: #454749;
  --vai-surface-container-lowest: #1A1C1E;
  --vai-surface-container-low: #1A1C1E;
  --vai-surface-container: #2E3133;
  --vai-surface-container-high: #2E3133;
  --vai-surface-container-highest: #454749;
  --vai-on-surface: #FFFFFF;
  --vai-on-surface-variant: #E1E2E6;
  --vai-outline: #C5C6CA;
  --vai-outline-variant: #464749;
  --vai-inverse-surface: #E0E3E6;
  --vai-inverse-on-surface: #2E3133;
}
[data-theme="dark"][data-contrast="high"] {
  --vai-primary: #E4F3FF;
  --vai-on-primary: #000000;
  --vai-primary-container: #31495C;
  --vai-on-primary-container: #FFFFFF;
  --vai-secondary: #D5F7FF;
  --vai-on-secondary: #000000;
  --vai-secondary-container: #104E5A;
  --vai-on-secondary-container: #FFFFFF;
  --vai-tertiary: #CFF8FF;
  --vai-on-tertiary: #000000;
  --vai-tertiary-container: #1C4D54;
  --vai-on-tertiary-container: #FFFFFF;
  --vai-error: #FEEDEB;
  --vai-on-error: #000000;
  --vai-error-container: #8F0E19;
  --vai-on-error-container: #FFFFFF;
  --vai-warning: #FEF1BC;
  --vai-on-warning: #000000;
  --vai-warning-container: #534609;
  --vai-on-warning-container: #FFFFFF;
  --vai-success: #C3FED6;
  --vai-on-success: #000000;
  --vai-success-container: #0A522E;
  --vai-on-success-container: #FFFFFF;
  --vai-info: #D5F7FF;
  --vai-on-info: #000000;
  --vai-info-container: #104E5A;
  --vai-on-info-container: #FFFFFF;
  --vai-surface: #1A1C1E;
  --vai-surface-dim: #1A1C1E;
  --vai-surface-bright: #454749;
  --vai-surface-container-lowest: #1A1C1E;
  --vai-surface-container-low: #1A1C1E;
  --vai-surface-container: #2E3133;
  --vai-surface-container-high: #2E3133;
  --vai-surface-container-highest: #454749;
  --vai-on-surface: #FFFFFF;
  --vai-on-surface-variant: #E1E2E6;
  --vai-outline: #C5C6CA;
  --vai-outline-variant: #464749;
  --vai-inverse-surface: #E0E3E6;
  --vai-inverse-on-surface: #2E3133;
}

/* Website tier, style guide 8e, approved 17 Oct 2026 (Figma 18:76 and 18:396; 7 and 8 Oct 2026) */
:root {
  --vai-web-radius: 0px;
  --vai-web-radius-checkbox: 4px;
  --vai-web-bp-phone: 390px;
  --vai-web-bp-tablet: 768px;
  --vai-web-bp-laptop: 1024px;
  --vai-web-bp-desktop: 1440px;
  --vai-web-margin-desktop: 120px;
  --vai-web-margin-phone: 16px;
  --vai-web-section-pad-desktop: 96px;
  --vai-web-section-pad-phone: 64px;
  --vai-web-section-gap-desktop: 48px;
  --vai-web-section-gap-phone: 32px;
  --vai-web-panel-gap: 12px;
  --vai-web-headline-weight: 700;
  --vai-web-type-hero: 64px;
  --vai-web-type-hero-line: 72px;
  --vai-web-type-hero-track: -0.8px;
  --vai-web-type-hero-phone: 40px;
  --vai-web-type-hero-phone-line: 46px;
  --vai-web-type-hero-phone-track: -0.4px;
  --vai-web-type-closing: 68px;
  --vai-web-type-closing-line: 76px;
  --vai-web-type-closing-track: -0.4px;
  --vai-web-type-closing-phone: 40px;
  --vai-web-type-closing-phone-line: 46px;
  --vai-web-type-closing-phone-track: -0.2px;
  --vai-web-type-section: 40px;
  --vai-web-type-section-line: 48px;
  --vai-web-type-section-phone: 28px;
  --vai-web-type-section-phone-line: 34px;
  --vai-web-type-module: 24px;
  --vai-web-type-module-line: 32px;
  --vai-web-type-module-phone: 20px;
  --vai-web-type-module-phone-line: 28px;
  --vai-web-type-card-title: 24px;
  --vai-web-type-card-title-line: 32px;
  --vai-web-type-card-title-phone: 20px;
  --vai-web-type-card-title-phone-line: 28px;
  --vai-web-type-lead: 22px;
  --vai-web-type-lead-line: 30px;
  --vai-web-type-lead-phone: 19px;
  --vai-web-type-lead-phone-line: 26px;
  --vai-web-type-band-sub: 21px;
  --vai-web-type-band-sub-line: 32px;
  --vai-web-type-body: 17px;
  --vai-web-type-body-line: 26px;
  --vai-web-type-button: 17px;
  --vai-web-type-ribbon: 14px;
  --vai-web-type-label: 12px;
  --vai-web-type-label-track: 1.2px;
  --vai-web-type-nav: 12px;
  --vai-web-type-small: 12px;
  --vai-web-label-rule-width: 24px;
  --vai-web-label-rule-height: 2px;
  --vai-web-label-gap: 12px;
  --vai-web-button-pad-y: 13px;
  --vai-web-button-pad-x: 28px;
  --vai-web-button-pad-x-phone: 24px;
  --vai-web-button-hero-pad-y: 15px;
  --vai-web-button-outline-width: 1.5px;
  --vai-web-target-min: 44px;
  --vai-web-card-rule: 3px;
  --vai-web-card-pad-desktop: 48px;
  --vai-web-card-pad-phone-y: 32px;
  --vai-web-card-pad-phone-x: 24px;
  --vai-web-card-gap: 16px;
  --vai-web-quote-bar: 3px;
  --vai-web-quote-indent: 24px;
  --vai-web-hero-picture-w: 560px;
  --vai-web-hero-picture-h: 420px;
  --vai-web-hero-picture-w-phone: 358px;
  --vai-web-hero-picture-h-phone: 260px;
  --vai-web-hero-mark: 160px;
  --vai-web-hero-mark-phone: 96px;
  --vai-web-play-button: 64px;
  --vai-web-play-button-phone: 48px;
}
