/* Design System Tokens — Auto-synced from Figma */

/* Last sync: 2026-06-09T19:59:04.653Z */

:root {
  /* ============================== */

  /* GLOBAL TOKENS (Primitives)     */

  /* ============================== */

  /* color/base */
  --color-base-white: #fff;
  --color-base-black: #000;
  --color-base-focus-light: #137cec;
  --color-base-focus-dark: #71b6ff;

  /* color/neutral */
  --color-neutral-a6: #fafafa;
  --color-neutral-a5: #f5f5f5;
  --color-neutral-a4: #e0e0e0;
  --color-neutral-a3: #ccc;
  --color-neutral-a2: #a3a3a3;
  --color-neutral-a1: #8f8f8f;
  --color-neutral-base: #7a7a7a;
  --color-neutral-b1: #666;
  --color-neutral-b2: #525252;
  --color-neutral-b3: #3d3d3d;
  --color-neutral-b4: #292929;
  --color-neutral-b5: #141414;
  --color-neutral-b6: #0a0a0a;

  /* color/earthy blush */
  --color-earthy-blush-a6: #fbf8f8;
  --color-earthy-blush-a5: #f7f2f2;
  --color-earthy-blush-a4: #efe5e5;
  --color-earthy-blush-a3: #decaca;
  --color-earthy-blush-a2: #ceb0b0;
  --color-earthy-blush-a1: #bd9595;
  --color-earthy-blush-base: #ad7b7b;

  /* color/dark teal blue */
  --color-dark-teal-blue-a6: #f4f7f7;
  --color-dark-teal-blue-a5: #e9eff0;
  --color-dark-teal-blue-a4: #d3e0e0;
  --color-dark-teal-blue-a3: #a7c0c2;
  --color-dark-teal-blue-a2: #7aa1a3;
  --color-dark-teal-blue-a1: #4e8185;
  --color-dark-teal-blue-base: #226266;
  --color-dark-teal-blue-b1: #1b4e52;
  --color-dark-teal-blue-b2: #143b3d;
  --color-dark-teal-blue-b3: #0e2729;
  --color-dark-teal-blue-b4: #071414;
  --color-dark-teal-blue-b5: #030a0a;
  --color-dark-teal-blue-b6: #020505;

  /* color/fire red */
  --color-fire-red-a6: #fdf2f3;
  --color-fire-red-a5: #fbe6e7;
  --color-fire-red-a4: #f8ccce;
  --color-fire-red-a3: #f0999d;
  --color-fire-red-a2: #e9676d;
  --color-fire-red-a1: #e1343c;
  --color-fire-red-base: #da010b;
  --color-fire-red-b1: #ae0109;
  --color-fire-red-b2: #830107;
  --color-fire-red-b3: #570004;
  --color-fire-red-b4: #2c0002;
  --color-fire-red-b5: #160001;
  --color-fire-red-b6: #0b0001;

  /* font/family */
  --font-family-montserrat: 'Montserrat';

  /* color/earthy blush */
  --color-earthy-blush-b1: #8a6262;

  /* font/family */
  --font-family-switzer: 'Switzer Variable';

  /* font/weight */
  --font-weight-medium-plus: 550;

  /* color/earthy blush */
  --color-earthy-blush-b2: #684a4a;
  --color-earthy-blush-b3: #453131;

  /* font/weight */
  --font-weight-medium: 500;

  /* color/black */
  --color-black-a6: rgb(0 0 0 / 3%);

  /* font/weight */
  --font-weight-regular-plus: 450;

  /* dimension/min-height */
  --dimension-min-height-1040: 1040px;
  --dimension-min-height-844: 844px;

  /* dimension/breakpoints */
  --dimension-breakpoints-375: 375px;

  /* dimension/grid */
  --dimension-grid-2: 2px;

  /* dimension/containers */
  --dimension-containers-327: 327px;

  /* dimension/grid */
  --dimension-grid-12: 12px;
  --dimension-grid-24: 24px;
  --dimension-grid-112: 112px;

  /* dimension/containers */
  --dimension-containers-396: 396px;
  --dimension-containers-500: 500px;
  --dimension-containers-602: 602px;
  --dimension-containers-704: 704px;
  --dimension-containers-806: 806px;
  --dimension-containers-1012: 1012px;
  --dimension-containers-1216: 1216px;

  /* dimension/breakpoints */
  --dimension-breakpoints-768: 768px;
  --dimension-breakpoints-1024: 1024px;
  --dimension-breakpoints-1440: 1440px;

  /* dimension/containers */
  --dimension-containers-1800: 1800px;

  /* dimension/breakpoints */
  --dimension-breakpoints-1920: 1920px;

  /* dimension/depth */
  --dimension-depth-backdrop: 98;

  /* dimension/drawer */
  --dimension-drawer-375: 375px;
  --dimension-drawer-445: 445px;
  --dimension-drawer-652: 652px;
  --dimension-drawer-860: 860px;
  --dimension-drawer-1068: 1068px;

  /* dimension/depth */
  --dimension-depth-fab: 99;
  --dimension-depth-tooltip: 100;
  --dimension-depth-dropdown: 200;
  --dimension-depth-modal: 300;
  --dimension-depth-toast: 400;

  /* dimension/spacing */
  --dimension-spacing-0: 0;
  --dimension-spacing-1: 1px;
  --dimension-spacing-2: 2px;
  --dimension-spacing-4: 4px;
  --dimension-spacing-6: 6px;
  --dimension-spacing-8: 8px;
  --dimension-spacing-12: 12px;
  --dimension-spacing-14: 14px;
  --dimension-spacing-16: 16px;
  --dimension-spacing-20: 20px;
  --dimension-spacing-24: 24px;
  --dimension-spacing-32: 32px;
  --dimension-spacing-40: 40px;
  --dimension-spacing-48: 48px;
  --dimension-spacing-56: 56px;
  --dimension-spacing-64: 64px;
  --dimension-spacing-72: 72px;
  --dimension-spacing-80: 80px;
  --dimension-spacing-88: 88px;
  --dimension-spacing-96: 96px;
  --dimension-spacing-104: 104px;
  --dimension-spacing-112: 112px;
  --dimension-spacing-120: 120px;
  --dimension-spacing-128: 128px;
  --dimension-spacing-136: 136px;

  /* dimension/size */
  --dimension-size-2: 2px;
  --dimension-size-4: 4px;
  --dimension-size-8: 8px;
  --dimension-size-12: 12px;
  --dimension-size-14: 14px;
  --dimension-size-16: 16px;
  --dimension-size-20: 20px;
  --dimension-size-24: 24px;
  --dimension-size-32: 32px;
  --dimension-size-40: 40px;
  --dimension-size-48: 48px;
  --dimension-size-64: 64px;
  --dimension-size-96: 96px;

  /* dimension/radius */
  --dimension-radius-0: 0;
  --dimension-radius-4: 4px;
  --dimension-radius-8: 8px;
  --dimension-radius-16: 16px;
  --dimension-radius-24: 24px;
  --dimension-radius-32: 32px;
  --dimension-radius-9999: 9999px;

  /* dimension/border */
  --dimension-border-1: 1px;
  --dimension-border-1-5: 1.5px;
  --dimension-border-2: 2px;
  --dimension-border-3: 3px;

  /* dimension/blur */
  --dimension-blur-8: 8px;

  /* color/black */
  --color-black-a5: rgb(0 0 0 / 5%);
  --color-black-a4: rgb(0 0 0 / 10%);
  --color-black-a3: rgb(0 0 0 / 20%);
  --color-black-a2: rgb(0 0 0 / 30%);
  --color-black-a1: rgb(0 0 0 / 40%);
  --color-black-base: rgb(0 0 0 / 50%);
  --color-black-b1: rgb(0 0 0 / 60%);
  --color-black-b2: rgb(0 0 0 / 70%);
  --color-black-b3: rgb(0 0 0 / 80%);
  --color-black-b4: rgb(0 0 0 / 90%);
  --color-black-b5: rgb(0 0 0 / 95%);
  --color-black-b6: rgb(0 0 0 / 97%);

  /* color/earthy blush */
  --color-earthy-blush-b4: #231919;
  --color-earthy-blush-b5: #110c0c;
  --color-earthy-blush-b6: #090606;

  /* color/white */
  --color-white-a6: rgb(255 255 255 / 3%);
  --color-white-a5: rgb(255 255 255 / 5%);
  --color-white-a4: rgb(255 255 255 / 10%);
  --color-white-a3: rgb(255 255 255 / 20%);
  --color-white-a2: rgb(255 255 255 / 30%);
  --color-white-a1: rgb(255 255 255 / 40%);
  --color-white-base: rgb(255 255 255 / 50%);
  --color-white-b1: rgb(255 255 255 / 60%);
  --color-white-b2: rgb(255 255 255 / 70%);
  --color-white-b3: rgb(255 255 255 / 80%);
  --color-white-b4: rgb(255 255 255 / 90%);
  --color-white-b5: rgb(255 255 255 / 95%);
  --color-white-b6: rgb(255 255 255 / 97%);

  /* color/red */
  --color-red-a6: #fcf5f4;
  --color-red-a5: #faebe9;
  --color-red-a4: #f5d6d3;
  --color-red-a3: #ebada7;
  --color-red-a2: #e1857b;
  --color-red-a1: #d75c4f;
  --color-red-base: #cd3323;
  --color-red-b1: #a4291c;
  --color-red-b2: #7b1f15;
  --color-red-b3: #52140e;
  --color-red-b4: #290a07;
  --color-red-b5: #150504;
  --color-red-b6: #0a0302;

  /* color/green */
  --color-green-a6: #f4f9f5;

  /* color/amber */
  --color-amber-a6: #fdf8f3;
  --color-amber-a5: #fbf2e6;
  --color-amber-a4: #f7e5ce;
  --color-amber-a3: #efcb9d;
  --color-amber-a2: #e7b06b;
  --color-amber-a1: #df963a;
  --color-amber-base: #d77c09;
  --color-amber-b1: #ac6307;
  --color-amber-b2: #814a05;
  --color-amber-b3: #563204;
  --color-amber-b4: #2b1902;
  --color-amber-b5: #160c01;
  --color-amber-b6: #0b0600;

  /* color/blue */
  --color-blue-a6: #f2f8fb;
  --color-blue-a5: #e5f1f8;
  --color-blue-a4: #cce3f1;
  --color-blue-a3: #99c7e3;
  --color-blue-a2: #66aad5;
  --color-blue-a1: #338ec7;
  --color-blue-base: #0072b9;
  --color-blue-b1: #005b94;
  --color-blue-b2: #00446f;
  --color-blue-b3: #002e4a;
  --color-blue-b4: #001725;
  --color-blue-b5: #000b13;
  --color-blue-b6: #000609;

  /* color/green */
  --color-green-a5: #eaf3ec;
  --color-green-a4: #d4e7d8;
  --color-green-a3: #a9cfb1;
  --color-green-a2: #7fb78b;
  --color-green-a1: #549f64;
  --color-green-base: #29873d;
  --color-green-b1: #216c31;
  --color-green-b2: #195125;
  --color-green-b3: #103618;
  --color-green-b4: #081b0c;
  --color-green-b5: #040e06;
  --color-green-b6: #020703;

  /* color/dark-blue */
  --color-dark-blue-a6: #f6f6f9;
  --color-dark-blue-a5: #edeef3;
  --color-dark-blue-a4: #dbdde7;
  --color-dark-blue-a3: #b7bbcf;
  --color-dark-blue-a2: #9298b7;
  --color-dark-blue-a1: #6e769f;
  --color-dark-blue-base: #4a5487;
  --color-dark-blue-b1: #3b436c;
  --color-dark-blue-b2: #2c3251;
  --color-dark-blue-b3: #1e2236;
  --color-dark-blue-b4: #0f111b;
  --color-dark-blue-b5: #07080e;
  --color-dark-blue-b6: #040407;

  /* font/size */
  --font-size-60: 60px;
  --font-size-40: 40px;
  --font-size-38: 38px;
  --font-size-32: 32px;
  --font-size-24: 24px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-13: 13px;
  --font-size-12: 12px;
  --font-size-0: 0;

  /* color/velvet */
  --color-velvet-a6: #faf4f5;
  --color-velvet-a5: #f4eaec;
  --color-velvet-a4: #ead4d9;
  --color-velvet-a3: #d5aab3;
  --color-velvet-a2: #bf7f8c;
  --color-velvet-a1: #a56;
  --color-velvet-base: #952a40;
  --color-velvet-b1: #723;
  --color-velvet-b2: #591926;
  --color-velvet-b3: #3c111a;
  --color-velvet-b4: #1e080d;
  --color-velvet-b5: #0f0406;
  --color-velvet-b6: #070203;

  /* ============================== */

  /* SEMANTIC TOKENS (Colors)       */

  /* ============================== */

  /* background/base */
  --background-base-primary: var(--color-base-white);
  --background-base-secondary: var(--color-neutral-a6);
  --background-base-secondary-brand: var(--color-earthy-blush-a5);

  /* background/accent */
  --background-accent-rse: var(--color-dark-teal-blue-base);

  /* layer/base */
  --layer-base-primary: var(--color-base-white);
  --layer-base-secondary: var(--color-neutral-a5);
  --layer-base-secondary-brand: var(--color-earthy-blush-a5);
  --layer-base-disabled: var(--color-neutral-a4);
  --layer-base-focus-light: var(--color-base-focus-light);
  --layer-base-focus-dark: var(--color-base-focus-dark);
  --layer-base-overlay: var(--color-black-b1);

  /* layer/accent */
  --layer-accent-black: var(--color-base-black);
  --layer-accent-brand: var(--color-fire-red-base);
  --layer-accent-brand-hover-primary: var(--color-fire-red-b1);
  --layer-accent-brand-hover-secondary: var(--color-earthy-blush-a5);
  --layer-accent-rse: var(--color-dark-teal-blue-base);

  /* layer/status */
  --layer-status-info-strong: var(--color-blue-base);
  --layer-status-info-soft: var(--color-blue-a5);
  --layer-status-success-strong: var(--color-green-base);
  --layer-status-success-soft: var(--color-green-a5);
  --layer-status-warning-strong: var(--color-red-base);
  --layer-status-warning-soft: var(--color-red-a5);
  --layer-status-danger-strong: var(--color-amber-b1);
  --layer-status-danger-soft: var(--color-amber-a5);
  --layer-status-cancel-strong: var(--color-neutral-b3);
  --layer-status-cancel-soft: var(--color-neutral-a5);

  /* layer/white */
  --layer-white-primary: var(--color-base-white);
  --layer-white-secondary: var(--color-white-a4);

  /* layer/transparency */
  --layer-transparency-dark-w-50: var(--color-white-base);

  /* layer/black */
  --layer-black-primary: var(--color-base-black);
  --layer-black-secondary: var(--color-black-b1);

  /* layer/transparency-dark */
  --layer-transparency-dark-w-10: var(--color-white-a4);
  --layer-transparency-dark-w-20: var(--color-white-a3);
  --layer-transparency-dark-w-30: var(--color-white-a2);

  /* layer/transparency */
  --layer-transparency-light-b-50: var(--color-black-base);

  /* layer/transparency-dark */
  --layer-transparency-dark-w-40: var(--color-white-a1);

  /* layer/transparency-light */
  --layer-transparency-light-secondary: var(--color-black-a5);

  /* text/base */
  --text-base-primary: var(--color-base-black);
  --text-base-secondary: var(--color-neutral-b3);
  --text-base-tertiary: var(--color-neutral-b1);
  --text-base-disabled-light: var(--color-neutral-b2);
  --text-base-disabled-dark: var(--color-neutral-a2);

  /* text/accent */
  --text-accent-brand: var(--color-fire-red-base);
  --text-accent-brand-hover-primary: var(--color-fire-red-b1);

  /* text/status */
  --text-status-info: var(--color-blue-b1);
  --text-status-success: var(--color-green-b1);

  /* layer/transparency-light */
  --layer-transparency-light-primary: var(--color-black-a4);

  /* text/status */
  --text-status-warning: var(--color-red-b1);
  --text-status-danger: var(--color-amber-b2);
  --text-status-neutral: var(--color-neutral-b3);

  /* text/white */
  --text-white-primary: var(--color-base-white);
  --text-white-secondary: var(--color-white-b3);

  /* layer/transparency-light */
  --layer-transparency-light-b-20: var(--color-black-a3);
  --layer-transparency-light-b-30: var(--color-black-a2);
  --layer-transparency-light-b-40: var(--color-black-a1);

  /* icon/base */
  --icon-base-primary: var(--color-base-black);
  --icon-base-secondary: var(--color-neutral-b3);
  --icon-base-tertiary: var(--color-neutral-b1);
  --icon-base-disabled: var(--color-neutral-b2);

  /* icon/accent */
  --icon-accent-brand: var(--color-fire-red-base);

  /* icon/status */
  --icon-status-info: var(--color-blue-base);

  /* icon/white */
  --icon-white-default: var(--color-base-white);

  /* icon/black */
  --icon-black-default: var(--color-base-black);

  /* icon/status */
  --icon-status-success: var(--color-green-base);
  --icon-status-warning: var(--color-red-base);
  --icon-status-danger: var(--color-amber-base);
  --icon-status-neutral: var(--color-neutral-b3);

  /* border/base */
  --border-base-primary: var(--color-neutral-a1);
  --border-base-secondary: var(--color-neutral-a4);
  --border-base-focus-light: var(--color-base-focus-light);
  --border-base-focus-dark: var(--color-base-focus-dark);
  --border-base-disabled: var(--color-neutral-a2);

  /* border/accent */
  --border-accent-brand: var(--color-fire-red-base);
  --border-accent-brand-hover: var(--color-fire-red-b1);

  /* border/status */
  --border-status-info-strong: var(--color-blue-base);
  --border-status-info-soft: var(--color-blue-a5);
  --border-status-success-strong: var(--color-green-base);
  --border-status-success-soft: var(--color-green-a5);
  --border-status-warning-strong: var(--color-red-base);
  --border-status-warning-soft: var(--color-red-a5);
  --border-status-danger-strong: var(--color-amber-b1);
  --border-status-danger-soft: var(--color-amber-a5);
  --border-status-neutral-strong: var(--color-neutral-b3);
  --border-status-neutral-soft: var(--color-neutral-a5);

  /* border/transparency */
  --border-transparency-dark-w-10: var(--color-white-a4);

  /* border/transparency-light */
  --border-transparency-light-accent: var(--color-base-black);
  --border-transparency-light-primary: var(--color-black-base);
  --border-transparency-light-secondary: var(--color-black-a4);
  --border-transparency-light-primary-hover: var(--color-black-b3);
  --border-transparency-light-secondary-hover: var(--color-black-base);

  /* border/transparency */
  --border-transparency-light-b-20: var(--color-black-a3);
  --border-transparency-light-b-30: var(--color-black-a2);

  /* border/white */
  --border-white-accent: var(--color-base-white);
  --border-white-primary: var(--color-white-base);
  --border-white-secondary: var(--color-white-a2);
  --border-white-hover: var(--color-white-b3);

  /* text/black */
  --text-black-default: var(--color-base-black);

  /* layer/specific */
  --layer-specific-color-block-default: var(--color-velvet-base);
  --layer-specific-color-block-light: var(--color-velvet-a5);
  --layer-specific-color-block-dark: var(--color-velvet-b2);

  /* ============================== */

  /* COMPONENT TOKENS (Desktop)     */

  /* ============================== */

  /* grid/column */
  --grid-column: var(--dimension-grid-12);

  /* grid/gap */
  --grid-gap: var(--dimension-grid-12);

  /* grid/margin */
  --grid-margin: var(--dimension-grid-112);

  /* spacing/structure */
  --spacing-structure-horizontal-global-padding: var(--dimension-spacing-112);

  /* spacing/responsive */
  --spacing-responsive-default-0: var(--dimension-spacing-0);

  /* typography/heading */
  --typography-heading-h1-font-family: var(--font-family-montserrat);
  --typography-heading-h1-font-size: var(--font-size-60);
  --typography-heading-h1-font-weight: var(--font-weight-medium-plus);
  --typography-heading-h1-line-height: 0;
  --typography-heading-h1-letter-spacing: 0;
  --typography-heading-h1-paragraph-spacing: var(--font-size-0);
  --typography-heading-h2-font-family: var(--font-family-montserrat);
  --typography-heading-h2-font-size: var(--font-size-40);
  --typography-heading-h2-font-weight: var(--font-weight-medium-plus);
  --typography-heading-h2-line-height: 0;
  --typography-heading-h2-letter-spacing: 0;
  --typography-heading-h2-paragraph-spacing: var(--font-size-0);
  --typography-heading-h3-font-family: var(--font-family-montserrat);
  --typography-heading-h3-font-size: var(--font-size-32);
  --typography-heading-h3-font-weight: var(--font-weight-medium-plus);
  --typography-heading-h3-line-height: 0;
  --typography-heading-h3-letter-spacing: 0;
  --typography-heading-h3-paragraph-spacing: var(--font-size-0);
  --typography-heading-h4-font-family: var(--font-family-switzer);
  --typography-heading-h4-font-size: var(--font-size-24);
  --typography-heading-h4-font-weight: var(--font-weight-medium);
  --typography-heading-h4-line-height: 0;
  --typography-heading-h4-letter-spacing: var(--font-size-0);
  --typography-heading-h4-paragraph-spacing: var(--font-size-0);
  --typography-heading-h5-font-family: var(--font-family-switzer);
  --typography-heading-h5-font-size: var(--font-size-20);
  --typography-heading-h5-font-weight: var(--font-weight-medium);
  --typography-heading-h5-line-height: 0;
  --typography-heading-h5-letter-spacing: var(--font-size-0);
  --typography-heading-h5-paragraph-spacing: var(--font-size-0);

  /* typography/text */
  --typography-text-body1-font-family: var(--font-family-switzer);
  --typography-text-body1-font-size: var(--font-size-18);
  --typography-text-body1-font-weight: var(--font-weight-regular-plus);
  --typography-text-body1-line-height: 0;
  --typography-text-body1-letter-spacing: var(--font-size-0);
  --typography-text-body1-paragraph-spacing: var(--font-size-0);
  --typography-text-body1-strong-font-family: var(--font-family-switzer);
  --typography-text-body1-strong-font-size: var(--font-size-18);
  --typography-text-body1-strong-font-weight: var(--font-weight-medium-plus);
  --typography-text-body1-strong-line-height: 0;
  --typography-text-body1-strong-letter-spacing: var(--font-size-0);
  --typography-text-body1-strong-paragraph-spacing: var(--font-size-0);
  --typography-text-body2-font-family: var(--font-family-switzer);
  --typography-text-body2-font-size: var(--font-size-16);
  --typography-text-body2-font-weight: var(--font-weight-regular-plus);
  --typography-text-body2-line-height: 0;
  --typography-text-body2-letter-spacing: var(--font-size-0);
  --typography-text-body2-paragraph-spacing: var(--font-size-0);
  --typography-text-body2-strong-font-family: var(--font-family-switzer);
  --typography-text-body2-strong-font-size: var(--font-size-16);
  --typography-text-body2-strong-font-weight: var(--font-weight-medium-plus);
  --typography-text-body2-strong-line-height: 0;
  --typography-text-body2-strong-letter-spacing: var(--font-size-0);
  --typography-text-body2-strong-paragraph-spacing: var(--font-size-0);
  --typography-text-body3-font-family: var(--font-family-switzer);
  --typography-text-body3-font-size: var(--font-size-14);
  --typography-text-body3-font-weight: var(--font-weight-regular-plus);
  --typography-text-body3-line-height: 0;
  --typography-text-body3-letter-spacing: var(--font-size-0);
  --typography-text-body3-paragraph-spacing: var(--font-size-0);
  --typography-text-body3-strong-font-family: var(--font-family-switzer);
  --typography-text-body3-strong-font-size: var(--font-size-14);
  --typography-text-body3-strong-font-weight: var(--font-weight-medium-plus);
  --typography-text-body3-strong-line-height: 0;
  --typography-text-body3-strong-letter-spacing: var(--font-size-0);
  --typography-text-body3-strong-paragraph-spacing: var(--font-size-0);
  --typography-text-caption-font-family: var(--font-family-switzer);
  --typography-text-caption-font-size: var(--font-size-12);
  --typography-text-caption-font-weight: var(--font-weight-regular-plus);
  --typography-text-caption-line-height: 0;
  --typography-text-caption-letter-spacing: var(--font-size-0);
  --typography-text-caption-paragraph-spacing: var(--font-size-0);

  /* typography/ui */
  --typography-ui-button-font-family: var(--font-family-switzer);
  --typography-ui-button-font-size: var(--font-size-16);
  --typography-ui-button-font-weight: var(--font-weight-medium);
  --typography-ui-button-line-height: 0;
  --typography-ui-button-letter-spacing: 0;
  --typography-ui-button-paragraph-spacing: var(--font-size-0);
  --typography-ui-button-small-font-family: var(--font-family-switzer);
  --typography-ui-nav-button-font-family: var(--font-family-switzer);
  --typography-ui-nav-button-font-size: var(--font-size-14);
  --typography-ui-nav-button-font-weight: var(--font-weight-medium-plus);
  --typography-ui-nav-button-line-height: 0;
  --typography-ui-nav-button-letter-spacing: 0;
  --typography-ui-nav-button-paragraph-spacing: var(--font-size-0);
  --typography-ui-link-font-family: var(--font-family-switzer);
  --typography-ui-link-font-size: var(--font-size-16);
  --typography-ui-link-font-weight: var(--font-weight-medium);
  --typography-ui-link-line-height: 0;
  --typography-ui-link-letter-spacing: 0;
  --typography-ui-link-paragraph-spacing: var(--font-size-0);
  --typography-ui-button-small-font-size: var(--font-size-14);
  --typography-ui-button-small-font-weight: var(--font-weight-medium);
  --typography-ui-button-small-line-height: 0;
  --typography-ui-button-small-letter-spacing: 0;
  --typography-ui-button-small-paragraph-spacing: var(--font-size-0);
  --typography-ui-badge-font-family: var(--font-family-switzer);
  --typography-ui-badge-font-size: var(--font-size-13);
  --typography-ui-badge-font-weight: var(--font-weight-medium);
  --typography-ui-badge-line-height: 0;
  --typography-ui-badge-letter-spacing: 0;
  --typography-ui-badge-paragraph-spacing: var(--font-size-0);
  --typography-ui-tab-font-family: var(--font-family-switzer);
  --typography-ui-tab-font-size: var(--font-size-14);
  --typography-ui-tab-font-weight: var(--font-weight-medium);
  --typography-ui-tab-line-height: 0;
  --typography-ui-tab-letter-spacing: 0;
  --typography-ui-tab-paragraph-spacing: var(--font-size-0);
  --typography-ui-tab-active-font-family: var(--font-family-switzer);
  --typography-ui-tab-active-font-size: var(--font-size-14);
  --typography-ui-tab-active-font-weight: var(--font-weight-medium-plus);
  --typography-ui-tab-active-line-height: 0;
  --typography-ui-tab-active-letter-spacing: 0;
  --typography-ui-tab-active-paragraph-spacing: var(--font-size-0);
  --typography-ui-nav-item-font-family: var(--font-family-switzer);
  --typography-ui-nav-item-font-size: var(--font-size-14);
  --typography-ui-nav-item-font-weight: var(--font-weight-medium);
  --typography-ui-nav-item-line-height: 0;
  --typography-ui-nav-item-letter-spacing: 0;
  --typography-ui-nav-item-paragraph-spacing: var(--font-size-0);
  --typography-ui-nav-item-active-font-family: var(--font-family-switzer);
  --typography-ui-nav-item-active-font-size: var(--font-size-14);
  --typography-ui-nav-item-active-font-weight: var(--font-weight-medium-plus);
  --typography-ui-nav-item-active-line-height: 0;
  --typography-ui-nav-item-active-letter-spacing: 0;
  --typography-ui-nav-item-active-paragraph-spacing: var(--font-size-0);
  --typography-ui-nav-item-small-font-family: var(--font-family-switzer);
  --typography-ui-nav-item-small-font-size: var(--font-size-12);
  --typography-ui-nav-item-small-font-weight: var(--font-weight-medium);
  --typography-ui-nav-item-small-line-height: 0;
  --typography-ui-nav-item-small-letter-spacing: 0;
  --typography-ui-nav-item-small-paragraph-spacing: var(--font-size-0);
  --typography-ui-nav-item-select-font-family: var(--font-family-switzer);
  --typography-ui-nav-item-select-font-size: var(--font-size-12);
  --typography-ui-nav-item-select-font-weight: var(--font-weight-medium);
  --typography-ui-nav-item-select-line-height: 0;
  --typography-ui-nav-item-select-letter-spacing: 0;
  --typography-ui-nav-item-select-paragraph-spacing: var(--font-size-0);
  --typography-ui-nav-item-category-font-family: var(--font-family-switzer);
  --typography-ui-nav-item-category-font-size: var(--font-size-14);
  --typography-ui-nav-item-category-font-weight: var(--font-weight-medium);
  --typography-ui-nav-item-category-line-height: 0;
  --typography-ui-nav-item-category-letter-spacing: 0;
  --typography-ui-nav-item-category-paragraph-spacing: var(--font-size-0);
  --typography-ui-nav-item-product-font-family: var(--font-family-switzer);
  --typography-ui-nav-item-product-font-size: var(--font-size-18);
  --typography-ui-nav-item-product-font-weight: var(--font-weight-medium);
  --typography-ui-nav-item-product-line-height: 0;
  --typography-ui-nav-item-product-letter-spacing: 0;
  --typography-ui-nav-item-product-paragraph-spacing: var(--font-size-0);

  /* spacing/structure */
  --spacing-structure-horizontal-between-components-default: var(--dimension-spacing-16);

  /* spacing/responsive */
  --spacing-responsive-default-1: var(--dimension-spacing-1);

  /* spacing/structure */
  --spacing-structure-horizontal-between-cards: var(--dimension-spacing-12);
  --spacing-structure-horizontal-between-chips: var(--dimension-spacing-8);

  /* spacing/responsive */
  --spacing-responsive-default-2: var(--dimension-spacing-2);
  --spacing-responsive-default-4: var(--dimension-spacing-4);
  --spacing-responsive-default-4-to-2: var(--dimension-spacing-4);
  --spacing-responsive-default-6: var(--dimension-spacing-6);
  --spacing-responsive-default-8: var(--dimension-spacing-8);
  --spacing-responsive-default-8-to-4: var(--dimension-spacing-8);
  --spacing-responsive-default-12: var(--dimension-spacing-12);
  --spacing-responsive-default-14: var(--dimension-spacing-14);
  --spacing-responsive-default-16: var(--dimension-spacing-16);
  --spacing-responsive-default-16-to-8: var(--dimension-spacing-16);
  --spacing-responsive-default-24: var(--dimension-spacing-24);
  --spacing-responsive-default-24-to-16: var(--dimension-spacing-24);
  --spacing-responsive-default-32: var(--dimension-spacing-32);
  --spacing-responsive-default-32-to-24: var(--dimension-spacing-32);
  --spacing-responsive-default-40: var(--dimension-spacing-40);
  --spacing-responsive-default-40-to-32: var(--dimension-spacing-40);
  --spacing-responsive-default-48: var(--dimension-spacing-48);
  --spacing-responsive-default-56: var(--dimension-spacing-56);
  --spacing-responsive-default-56-to-32: var(--dimension-spacing-56);
  --spacing-responsive-default-64: var(--dimension-spacing-64);
  --spacing-responsive-default-64-to-32: var(--dimension-spacing-64);
  --spacing-responsive-default-80: var(--dimension-spacing-80);
  --spacing-responsive-default-80-to-40: var(--dimension-spacing-80);
  --spacing-responsive-default-96: var(--dimension-spacing-96);
  --spacing-responsive-default-104: var(--dimension-spacing-104);
  --spacing-responsive-default-112: var(--dimension-spacing-112);
  --spacing-responsive-default-120: var(--dimension-spacing-120);
  --spacing-responsive-default-120-to-40: var(--dimension-spacing-120);
  --spacing-responsive-default-128: var(--dimension-spacing-128);
  --spacing-responsive-default-136: var(--dimension-spacing-136);

  /* spacing/structure */
  --spacing-structure-vertical-section-padding: var(--dimension-spacing-80);
  --spacing-structure-vertical-between-components-default: var(--dimension-spacing-16);
  --spacing-structure-vertical-between-text: var(--dimension-spacing-16);
  --spacing-structure-vertical-image-bottom: var(--dimension-spacing-48);
  --spacing-structure-vertical-title-to-component: var(--dimension-spacing-48);
  --spacing-structure-vertical-text-to-component: var(--dimension-spacing-24);
  --spacing-structure-vertical-content-to-button: var(--dimension-spacing-48);
  --spacing-structure-vertical-between-cards: var(--dimension-spacing-12);

  /* icon/xs */
  --icon-xs: var(--dimension-size-16);

  /* spacing/responsive */
  --spacing-responsive-specific-12-to-24: var(--dimension-spacing-12);
  --spacing-responsive-specific-40-to-12: var(--dimension-spacing-40);
  --spacing-responsive-specific-40-to-24: var(--dimension-spacing-40);
  --spacing-responsive-specific-80-to-16: var(--dimension-spacing-80);

  /* radius/none */
  --radius-none: var(--dimension-radius-0);

  /* radius/sm */
  --radius-sm: var(--dimension-radius-4);

  /* radius/md */
  --radius-md: var(--dimension-radius-8);

  /* radius/lg */
  --radius-lg: var(--dimension-radius-16);

  /* radius/xl */
  --radius-xl: var(--dimension-radius-24);

  /* radius/xxl */
  --radius-xxl: var(--dimension-radius-32);

  /* radius/full */
  --radius-full: var(--dimension-radius-9999);

  /* icon/sm */
  --icon-sm: var(--dimension-size-24);

  /* spacing/responsive */
  --spacing-responsive-specific-80-to-24: var(--dimension-spacing-80);

  /* icon/md */
  --icon-md: var(--dimension-size-32);

  /* spacing/responsive */
  --spacing-responsive-specific-136-i-40: var(--dimension-spacing-136);

  /* icon/lg */
  --icon-lg: var(--dimension-size-48);

  /* icon/xl */
  --icon-xl: var(--dimension-size-64);

  /* border/sm */
  --border-sm: var(--dimension-border-1);

  /* border/md */
  --border-md: var(--dimension-border-1-5);

  /* border/lg */
  --border-lg: var(--dimension-border-2);

  /* border/xl */
  --border-xl: var(--dimension-border-3);

  /* size/drawer */
  --size-drawer-xl: var(--dimension-drawer-1068);
  --size-drawer-lg: var(--dimension-drawer-860);
  --size-drawer-md: var(--dimension-drawer-652);
  --size-drawer-sm: var(--dimension-drawer-445);

  /* size/max-width */
  --size-max-width-xxs: var(--dimension-containers-396);
  --size-max-width-xs: var(--dimension-containers-500);
  --size-max-width-sm: var(--dimension-containers-602);
  --size-max-width-md: var(--dimension-containers-704);
  --size-max-width-lg: var(--dimension-containers-806);
  --size-max-width-xl: var(--dimension-containers-1012);
  --size-max-width-xxl: var(--dimension-containers-1216);

  /* size/min-height */
  --size-min-height-height-min: var(--dimension-min-height-1040);

  /* size/device */
  --size-device-width: var(--dimension-breakpoints-1440);

  /* size/max-width */
  --size-max-width-max: var(--dimension-containers-1800);

  /* blur/blur */
  --blur-blur: var(--dimension-blur-8);

  /* spacing/structure */
  --spacing-structure-vertical-between-list: var(--dimension-spacing-8);
  --spacing-structure-vertical-header-section: var(--dimension-spacing-48);

  /* instance swap/desk only */
  --instance-swap-desk-only: true;

  /* instance swap/mobile only */
  --instance-swap-mobile-only: false;
}

/* Mobile overrides */
@media (width <= 767px) {
  :root {
    --grid-column: var(--dimension-grid-2);
    --grid-margin: var(--dimension-grid-24);
    --spacing-structure-horizontal-global-padding: var(--dimension-spacing-24);
    --typography-heading-h1-font-size: var(--font-size-38);
    --typography-heading-h2-font-size: var(--font-size-32);
    --typography-heading-h3-font-size: var(--font-size-24);
    --typography-heading-h4-font-size: var(--font-size-20);
    --typography-heading-h5-font-size: var(--font-size-18);
    --spacing-responsive-default-4-to-2: var(--dimension-spacing-2);
    --spacing-responsive-default-8-to-4: var(--dimension-spacing-4);
    --spacing-responsive-default-16-to-8: var(--dimension-spacing-8);
    --spacing-responsive-default-24-to-16: var(--dimension-spacing-16);
    --spacing-responsive-default-32-to-24: var(--dimension-spacing-24);
    --spacing-responsive-default-40-to-32: var(--dimension-spacing-32);
    --spacing-responsive-default-56-to-32: var(--dimension-spacing-32);
    --spacing-responsive-default-64-to-32: var(--dimension-spacing-32);
    --spacing-responsive-default-80-to-40: var(--dimension-spacing-40);
    --spacing-responsive-default-120-to-40: var(--dimension-spacing-40);
    --spacing-structure-vertical-section-padding: var(--dimension-spacing-40);
    --spacing-structure-vertical-image-bottom: var(--dimension-spacing-32);
    --spacing-structure-vertical-title-to-component: var(--dimension-spacing-32);
    --spacing-structure-vertical-content-to-button: var(--dimension-spacing-32);
    --spacing-responsive-specific-12-to-24: var(--dimension-spacing-24);
    --spacing-responsive-specific-40-to-12: var(--dimension-spacing-12);
    --spacing-responsive-specific-40-to-24: var(--dimension-spacing-24);
    --spacing-responsive-specific-80-to-16: var(--dimension-spacing-16);
    --radius-sm: var(--dimension-radius-0);
    --spacing-responsive-specific-80-to-24: var(--dimension-spacing-24);
    --spacing-responsive-specific-136-i-40: var(--dimension-spacing-40);
    --size-drawer-xl: var(--dimension-drawer-375);
    --size-drawer-lg: var(--dimension-drawer-375);
    --size-drawer-md: var(--dimension-drawer-375);
    --size-drawer-sm: var(--dimension-drawer-375);
    --size-max-width-xxs: var(--dimension-containers-327);
    --size-max-width-xs: var(--dimension-containers-327);
    --size-max-width-sm: var(--dimension-containers-327);
    --size-max-width-md: var(--dimension-containers-327);
    --size-max-width-lg: var(--dimension-containers-327);
    --size-max-width-xl: var(--dimension-containers-327);
    --size-max-width-xxl: var(--dimension-containers-327);
    --size-min-height-height-min: var(--dimension-min-height-844);
    --size-device-width: var(--dimension-breakpoints-375);
    --size-max-width-max: var(--dimension-containers-327);
    --spacing-structure-vertical-header-section: var(--dimension-spacing-32);
    --instance-swap-desk-only: false;
    --instance-swap-mobile-only: true;
  }
}

/* Base Typography */
body {
  font-family: var(--font-family-switzer);
  font-size: var(--typography-text-body2-font-size);
  line-height: 1.5;
  font-weight: var(--font-weight-regular-plus);
  color: var(--text-base-primary);
  margin: 0;
  padding: 0;
  background: var(--background-base-primary);
}

h1, h2 {
  font-family: var(--font-family-montserrat);
  font-weight: var(--font-weight-medium-plus);
  color: var(--text-base-primary);
  margin: 0 0 var(--dimension-spacing-16);
}

h1 {
  font-size: var(--typography-heading-h1-font-size);
  line-height: 1.3;
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--typography-heading-h2-font-size);
  line-height: 1.3;
}

h3 {
  font-family: var(--font-family-switzer);
  font-size: var(--typography-heading-h3-font-size);
  line-height: 1.3;
  font-weight: var(--font-weight-medium);
  color: var(--text-base-primary);
  margin: 0 0 var(--dimension-spacing-8);
}

h4 {
  font-family: var(--font-family-switzer);
  font-size: var(--typography-heading-h4-font-size);
  line-height: 1.4;
  font-weight: var(--font-weight-medium);
  color: var(--text-base-primary);
  margin: 0 0 var(--dimension-spacing-8);
}

h5 {
  font-family: var(--font-family-switzer);
  font-size: var(--typography-heading-h5-font-size);
  line-height: 1.4;
  font-weight: var(--font-weight-medium);
  color: var(--text-base-primary);
  margin: 0 0 var(--dimension-spacing-8);
}

p {
  margin: 0 0 var(--dimension-spacing-16);
  color: var(--text-base-secondary);
  font-size: var(--typography-text-body2-font-size);
  line-height: 1.5;
  font-weight: var(--font-weight-regular-plus);
}

a {
  color: var(--text-base-primary);
  text-decoration: none;
}

a:hover {
  color: var(--text-accent-brand);
}

/* Buttons */
a.button:any-link,
button.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  background: var(--layer-accent-brand);
  color: var(--text-white-primary);
  border-radius: var(--dimension-radius-full);
  font-family: var(--font-family-switzer);
  font-weight: var(--font-weight-medium);
  font-size: var(--typography-ui-button-font-size);
  text-decoration: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
}

a.button:hover,
button.button:hover {
  background: var(--layer-accent-brand-hover-primary);
}

a.button.secondary:any-link,
button.button.secondary {
  background: transparent;
  color: var(--text-base-primary);
  border: 1px solid var(--border-base-primary);
}

/* Content Layout */
main {
  margin: 0 auto;
  padding: 0;
}

main > div {
  padding: var(--dimension-spacing-40) var(--spacing-structure-horizontal-global-padding);
  max-width: var(--dimension-breakpoints-1440);
  margin: 0 auto;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
}

/* Lists */
ul {
  padding-left: var(--dimension-spacing-24);
  margin: 0;
}

li {
  margin-bottom: var(--dimension-spacing-8);
}

/* Section backgrounds */
.section.grey {
  background-color: var(--color-neutral-a5);
}

.section.teal {
  background-color: var(--color-dark-teal-blue-base);
  color: var(--text-white-primary);
}

.section.teal h2,
.section.teal h3,
.section.teal p {
  color: var(--text-white-primary);
}

/* Responsive — Desktop */
@media (width >= 900px) {
  main > div {
    padding: var(--dimension-spacing-80) var(--spacing-structure-horizontal-global-padding);
  }
}