/* Generated from ui-tokens.json 2.0.4; do not edit. */
:root{
  --ux-token-font-weights-0:400;
  --ux-token-font-weights-1:500;
  --ux-token-font-weights-2:600;
  --ux-token-font-weights-3:700;
  --ux-token-layout-max-container:1200;
  --ux-token-layout-desktop-min:1024;
  --ux-token-layout-mobile-padding:16;
  --ux-token-layout-tablet-padding:24;
  --ux-token-layout-desktop-padding:40;
  --ux-token-layout-drawer-max-width:360;
  --ux-token-layout-drawer-viewport-ratio:0.88;
  --ux-token-spacing-0:4;
  --ux-token-spacing-1:8;
  --ux-token-spacing-2:12;
  --ux-token-spacing-3:16;
  --ux-token-spacing-4:20;
  --ux-token-spacing-5:24;
  --ux-token-spacing-6:32;
  --ux-token-spacing-7:40;
  --ux-token-spacing-8:48;
  --ux-token-spacing-9:64;
  --ux-token-spacing-10:96;
  --ux-token-radius-input:10;
  --ux-token-radius-card:20;
  --ux-token-radius-hero:28;
  --ux-token-radius-media:18;
  --ux-token-motion-base-ms:160;
  --ux-token-motion-drawer-ms:240;
  --ux-token-z-index-base:0;
  --ux-token-z-index-header:100;
  --ux-token-z-index-bottom-nav:110;
  --ux-token-z-index-drawer-overlay:300;
  --ux-token-z-index-drawer:310;
  --ux-token-z-index-dialog:400;
  --ux-token-z-index-toast:500;
  --ux-token-typography-hero-desktop-0:58;
  --ux-token-typography-hero-desktop-1:61.5;
  --ux-token-typography-hero-mobile-0:39;
  --ux-token-typography-hero-mobile-1:42;
  --ux-token-typography-hero-narrow-0:34;
  --ux-token-typography-hero-narrow-1:37;
  --ux-token-typography-h1-desktop-0:44;
  --ux-token-typography-h1-desktop-1:50;
  --ux-token-typography-h1-mobile-0:31;
  --ux-token-typography-h1-mobile-1:36;
  --ux-token-typography-h2-desktop-0:30;
  --ux-token-typography-h2-desktop-1:34;
  --ux-token-typography-h2-mobile-0:24;
  --ux-token-typography-h2-mobile-1:29;
  --ux-token-typography-h3-0:20;
  --ux-token-typography-h3-1:28;
  --ux-token-typography-body-0:16;
  --ux-token-typography-body-1:24;
  --ux-token-typography-caption-0:13;
  --ux-token-typography-caption-1:19;
  --ux-token-components-button-height:48;
  --ux-token-components-button-mobile-min-touch:44;
  --ux-token-components-button-radius:12;
  --ux-token-components-card-desktop-gap:20;
  --ux-token-components-card-mobile-gap:12;
  --ux-token-components-card-media-ratio:1.12;
  --ux-token-components-navigation-desktop-height:84;
  --ux-token-components-navigation-mobile-height:70;
  --ux-token-components-navigation-drawer-max:360;
  --ux-token-components-navigation-drawer-vw:88;
  --ux-token-component-variants-product-title-desktop-0:36;
  --ux-token-component-variants-product-title-desktop-1:43;
  --ux-token-component-variants-product-title-mobile-0:29;
  --ux-token-component-variants-product-title-mobile-1:35;
  --ux-token-component-variants-workspace-title-desktop-0:34;
  --ux-token-component-variants-workspace-title-desktop-1:40;
  --ux-token-component-variants-workspace-title-mobile-0:30;
  --ux-token-component-variants-workspace-title-mobile-1:36;
  --ux-token-component-variants-panel-title-0:24;
  --ux-token-component-variants-panel-title-1:29;
  --ux-token-component-variants-button-text-0:14;
  --ux-token-component-variants-button-text-1:19;
  --ux-token-component-variants-metadata-0:12;
  --ux-token-component-variants-metadata-1:17;
  --ux-page:#F5F8FB;
  --ux-surface:#FFFFFF;
  --ux-subtle:#E6EDF3;
  --ux-text:#10283D;
  --ux-secondary:#526576;
  --ux-primary:#0B1F3B;
  --ux-on-primary:#FFFFFF;
  --ux-accent:#22D37F;
  --ux-on-accent:#0B1F3B;
  --ux-link:#00679E;
  --ux-focus:#00679E;
  --ux-focus-dark:#A7D8FF;
  --ux-input-border:#8596A3;
  --ux-card-border:#DFE6EB;
  --ux-success:#11683E;
  --ux-warning:#7D4A10;
  --ux-danger:#9C271F;
  --ux-error-background:#FFF0EE;
  --ux-image-sage:#E4ECE5;
  --ux-image-lilac:#EAE8F0;
  --ux-image-blue:#E4EBEE;
  --ux-image-clay:#F3E8E0;
  --ux-hero-accent:#147346;
  --ux-shadow-card:0 4px 16px rgba(11,31,59,.06);
  --ux-shadow-overlay:0 16px 48px rgba(11,31,59,.20);
  --ux-radius-input:10px;
  --ux-radius-card:20px;
  --ux-radius-hero:28px;
  --ux-radius-media:18px;
  --ux-space-4:4px;
  --ux-space-8:8px;
  --ux-space-12:12px;
  --ux-space-16:16px;
  --ux-space-20:20px;
  --ux-space-24:24px;
  --ux-space-32:32px;
  --ux-space-40:40px;
  --ux-space-48:48px;
  --ux-space-64:64px;
  --ux-space-96:96px;
  --ux-z-base:0;
  --ux-z-header:100;
  --ux-z-bottom-nav:110;
  --ux-z-drawer-overlay:300;
  --ux-z-drawer:310;
  --ux-z-dialog:400;
  --ux-z-toast:500;
  --ux-container:1200px;
  --ux-button-height:48px;
  --ux-button-radius:12px;
  --ux-motion-base:160ms;
  --ux-motion-drawer:240ms;
  --ux-font-family:Inter,Arial, sans-serif;
}