/* Design tokens: all layers. Generated by scripts/build.mjs from tokens/ (DTCG 2025.10). Do not edit. */
/*
 * Set any combination on <html>:
 *   data-brand="brand-a | brand-b | brand-c | brand-d | brand-e | brand-f | brand-g"  (default brand-a)
 *   data-density="default | compact | comfortable"  (default default)
 *   data-shape="default | sharp | rounded"  (default default)
 *   data-theme="light | dark"  (default light)
 */
:root {
  --ramp-f1-50: #f7f7f8;
  --ramp-f1-100: #ebecee;
  --ramp-f1-150: #dcdde0;
  --ramp-f1-200: #cccfd3;
  --ramp-f1-250: #babbbe;
  --ramp-f1-300: #a4a7ac;
  --ramp-f1-350: #84888e;
  --ramp-f1-400: #60646b;
  --ramp-f1-450: #414449;
  --ramp-f1-500: #252629;
  --ramp-f1-550: #202124;
  --ramp-f1-600: #1c1c1f;
  --ramp-f1-650: #17181a;
  --ramp-f1-700: #131315;
  --ramp-f1-750: #0e0e10;
  --ramp-f1-800: #09090a;
  --ramp-f1-850: #050505;
  --gen-f-utilities-900: #010203;
  --ramp-e1-50: #fafcff;
  --ramp-e1-100: #f4f7fd;
  --ramp-e1-150: #eaf1fd;
  --ramp-e1-200: #d8e4fc;
  --ramp-e1-250: #c0d4f9;
  --ramp-e1-300: #a3c0f8;
  --ramp-e1-350: #8babea;
  --ramp-e1-400: #7194d8;
  --ramp-e1-450: #5a7dc4;
  --ramp-e1-500: #4569b2;
  --ramp-e1-550: #324e86;
  --ramp-e1-600: #274072;
  --ramp-e1-650: #1f345f;
  --ramp-e1-700: #192a4e;
  --ramp-e1-750: #14223f;
  --ramp-e1-800: #0e1a32;
  --ramp-e1-850: #081124;
  --ramp-e1-900: #040916;
  --ramp-e1-950: #02040b;
  --ocean-blue-50: #fafcff;
  --ocean-blue-100: #f4f7fd;
  --ocean-blue-150: #eaf1fd;
  --ocean-blue-200: #d8e5fc;
  --ocean-blue-250: #c0d4f9;
  --ocean-blue-300: #a0c1fe;
  --ocean-blue-350: #7fabff;
  --ocean-blue-400: #5991ff;
  --ocean-blue-450: #3375ff;
  --ocean-blue-500: #0056ff;
  --ocean-blue-550: #003ebf;
  --ocean-blue-600: #0033a0;
  --ocean-blue-650: #002986;
  --ocean-blue-700: #002170;
  --ocean-blue-750: #001a5d;
  --ocean-blue-800: #00134b;
  --ocean-blue-850: #000b37;
  --ocean-blue-900: #000623;
  --ocean-blue-950: #000314;
  --gen-e-brand-550: #3d60a6;
  --gen-e-brand-850: #0a1a3a;
  --ramp-c1-50: #f9fdfa;
  --ramp-c1-100: #f3f9f4;
  --ramp-c1-150: #e8f4ea;
  --ramp-c1-200: #d3ead8;
  --ramp-c1-250: #b7ddc1;
  --ramp-c1-300: #8fd0a1;
  --ramp-c1-350: #72bd88;
  --ramp-c1-400: #50a76d;
  --ramp-c1-450: #319156;
  --ramp-c1-500: #007d40;
  --ramp-c1-550: #046031;
  --ramp-c1-600: #005027;
  --ramp-c1-650: #00421f;
  --ramp-c1-700: #003618;
  --ramp-c1-750: #022c13;
  --ramp-c1-800: #00220d;
  --ramp-c1-850: #001707;
  --ramp-c1-900: #010d04;
  --ramp-c1-950: #000502;
  --gen-c-utilities-550: #006b37;
  --ramp-d2-50: #f9fcff;
  --ramp-d2-100: #f2f8fc;
  --ramp-d2-150: #e5f1fb;
  --ramp-d2-200: #d3e5f3;
  --ramp-d2-250: #bcd4e6;
  --ramp-d2-300: #a4bfd5;
  --ramp-d2-350: #8baac1;
  --ramp-d2-400: #6f92ac;
  --ramp-d2-450: #577b96;
  --ramp-d2-500: #3d627d;
  --ramp-d2-550: #335065;
  --ramp-d2-600: #294255;
  --ramp-d2-650: #203646;
  --ramp-d2-700: #1a2c3a;
  --ramp-d2-750: #15232e;
  --ramp-d2-800: #0e1b24;
  --ramp-d2-850: #081219;
  --ramp-d2-900: #04090e;
  --ramp-d2-950: #020406;
  --ramp-d1-50: #fffbf9;
  --ramp-d1-100: #fcf6f2;
  --ramp-d1-150: #fbeee5;
  --ramp-d1-200: #f7dfce;
  --ramp-d1-250: #f1cbb2;
  --ramp-d1-300: #e2b799;
  --ramp-d1-350: #d1a180;
  --ramp-d1-400: #be8964;
  --ramp-d1-450: #a9734c;
  --ramp-d1-500: #965f36;
  --ramp-d1-550: #6f4424;
  --ramp-d1-600: #5d381b;
  --ramp-d1-650: #4d2d14;
  --ramp-d1-700: #3f2410;
  --ramp-d1-750: #331d0d;
  --ramp-d1-800: #281608;
  --ramp-d1-850: #1c0e04;
  --ramp-d1-900: #100702;
  --ramp-d1-950: #070301;
  --gen-d-brand-250: #e8c1a6;
  --gen-d-brand-750: #2a190c;
  --gen-d-utilities-150: #d4e5f2;
  --gen-d-utilities-250: #b8d0e3;
  --gen-d-utilities-650: #2d546f;
  --ramp-g1-50: #fff5f4;
  --ramp-g1-100: #ffe0dd;
  --ramp-g1-150: #ffccc6;
  --ramp-g1-200: #ffb7af;
  --ramp-g1-250: #fea298;
  --ramp-g1-300: #fb8c80;
  --ramp-g1-350: #f77568;
  --ramp-g1-400: #f25c4f;
  --ramp-g1-450: #ed3e32;
  --ramp-g1-500: #e60000;
  --ramp-g1-550: #c60007;
  --ramp-g1-600: #a8000a;
  --ramp-g1-650: #8a000a;
  --ramp-g1-700: #77000a;
  --ramp-g1-750: #640009;
  --ramp-g1-800: #510007;
  --ramp-g1-850: #400005;
  --ramp-g1-900: #2f0004;
  --ramp-g1-950: #1f0002;
  --ramp-g2-50: #ffffff;
  --ramp-g2-100: #fafaf8;
  --ramp-g2-150: #f7f7f5;
  --ramp-g2-200: #f4f4f1;
  --ramp-g2-250: #ecebe8;
  --ramp-g2-300: #e3e3dd;
  --ramp-g2-350: #dadad3;
  --ramp-g2-400: #d0d0c8;
  --ramp-g2-450: #c5c4bb;
  --ramp-g2-500: #b7b6ac;
  --ramp-g2-550: #a5a39a;
  --ramp-g2-600: #929186;
  --ramp-g2-650: #87867b;
  --ramp-g2-700: #7a796e;
  --ramp-g2-750: #6d6c61;
  --ramp-g2-800: #616056;
  --ramp-g2-850: #535148;
  --ramp-g2-900: #47463d;
  --ramp-g2-950: #36342e;
  --ramp-g2-1000: #292923;
  --ramp-g2-1050: #1f1e1a;
  --ramp-g2-1100: #131210;
  --ramp-g3-300: #c9a55a;
  --ramp-g3-600: #86671d;
  --ramp-b1-50: #f9fcff;
  --ramp-b1-100: #f2f8fd;
  --ramp-b1-150: #e6f1fb;
  --ramp-b1-200: #cfe6f8;
  --ramp-b1-250: #b1d6f3;
  --ramp-b1-300: #8cc3ee;
  --ramp-b1-350: #6faddd;
  --ramp-b1-400: #4e95ca;
  --ramp-b1-450: #2f7eb5;
  --ramp-b1-500: #0369a1;
  --ramp-b1-550: #0c5581;
  --ramp-b1-600: #04466c;
  --ramp-b1-650: #01395b;
  --ramp-b1-700: #022f4b;
  --ramp-b1-750: #03263c;
  --ramp-b1-800: #021d30;
  --ramp-b1-850: #011322;
  --ramp-b1-900: #010a14;
  --ramp-b1-950: #00040a;
  --ramp-b2-50: #f9fcff;
  --ramp-b2-100: #f2f8fc;
  --ramp-b2-150: #e6f3fb;
  --ramp-b2-200: #d4e7f3;
  --ramp-b2-250: #bdd7e7;
  --ramp-b2-300: #a7c4d6;
  --ramp-b2-350: #8fb0c4;
  --ramp-b2-400: #749ab0;
  --ramp-b2-450: #5d859b;
  --ramp-b2-500: #487188;
  --ramp-b2-550: #345466;
  --ramp-b2-600: #2a4655;
  --ramp-b2-650: #213947;
  --ramp-b2-700: #1a2f3a;
  --ramp-b2-750: #15252f;
  --ramp-b2-800: #0f1d24;
  --ramp-b2-850: #091319;
  --ramp-b2-900: #040a0e;
  --ramp-b2-950: #020406;
  --gen-b-brand-750: #013b5c;
  --denim-100: #dae5f8;
  --denim-200: #a9c2ed;
  --denim-300: #779fe3;
  --denim-400: #477cd9;
  --denim-500: #0a51cc;
  --denim-600: #063c99;
  --denim-700: #052c70;
  --denim-800: #021638;
  --denim-900: #010d21;
  --azure-100: #d9f1ff;
  --azure-200: #a6ddff;
  --azure-300: #73c9ff;
  --azure-400: #3fb7ff;
  --azure-500: #009fff;
  --azure-600: #0077bf;
  --azure-700: #00578c;
  --azure-800: #002c45;
  --azure-900: #001a2b;
  --green-haze-100: #d9f6ec;
  --green-haze-200: #a8ead2;
  --green-haze-300: #78ddb8;
  --green-haze-400: #47d19f;
  --green-haze-500: #03c37e;
  --green-haze-600: #07915f;
  --green-haze-700: #066a45;
  --green-haze-800: #023522;
  --green-haze-900: #011f15;
  --orange-haze-100: #ffe7db;
  --orange-haze-200: #ffc6ad;
  --orange-haze-300: #ffa57e;
  --orange-haze-400: #ff854f;
  --orange-haze-500: #ff5c14;
  --orange-haze-600: #bf450f;
  --orange-haze-700: #8c320a;
  --orange-haze-800: #451905;
  --orange-haze-900: #2a0f02;
  --chetwode-100: #e6e7f9;
  --chetwode-200: #c5c7ef;
  --chetwode-300: #a4a7e5;
  --chetwode-400: #8387dc;
  --chetwode-500: #5a5fd0;
  --chetwode-600: #43489c;
  --chetwode-700: #313472;
  --chetwode-800: #171939;
  --chetwode-900: #0f0f22;
  --amber-3: #fff7c2;
  --amber-7: #e9c162;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
  --amber-dark-3: #302008;
  --amber-dark-7: #714f19;
  --amber-dark-11: #ffca16;
  --lime-3: #eef6d6;
  --lime-7: #abc978;
  --lime-11: #5c7c2f;
  --lime-12: #37401c;
  --lime-dark-3: #1f2917;
  --lime-dark-7: #496231;
  --lime-dark-11: #bde56c;
  --teal-3: #e0f8f3;
  --teal-7: #83cdc1;
  --teal-11: #008573;
  --teal-12: #0d3d38;
  --teal-dark-3: #0d2d2a;
  --teal-dark-7: #1c6961;
  --teal-dark-11: #0bd8b6;
  --purple-3: #f7edfe;
  --purple-7: #d1afec;
  --purple-11: #8145b5;
  --purple-12: #402060;
  --purple-dark-3: #301c3b;
  --purple-dark-7: #664282;
  --purple-dark-11: #d19dff;
  --pink-3: #fee9f5;
  --pink-7: #e7acd0;
  --pink-11: #c2298a;
  --pink-12: #651249;
  --pink-dark-3: #37172f;
  --pink-dark-7: #833869;
  --pink-dark-11: #ff8dcc;
  --gold-3: #f2f0e7;
  --gold-7: #cbc0aa;
  --gold-11: #71624b;
  --gold-12: #3b352b;
  --gold-dark-3: #24231f;
  --gold-dark-7: #544f46;
  --gold-dark-11: #cbb99f;
  --blue-50: #fafcff;
  --blue-100: #f4f7fd;
  --blue-150: #e9f0fc;
  --blue-200: #d6e2fa;
  --blue-250: #bdd1f6;
  --blue-300: #9cbbf8;
  --blue-350: #77a3fd;
  --blue-400: #4e85ff;
  --blue-450: #2765fd;
  --blue-500: #0b49ea;
  --blue-550: #0d3ebc;
  --blue-600: #0732a0;
  --blue-650: #042887;
  --blue-700: #032070;
  --blue-750: #031a5b;
  --blue-800: #021349;
  --blue-850: #010c36;
  --blue-900: #010622;
  --grey-50: #ffffff;
  --grey-100: #f9fafb;
  --grey-150: #f6f7f8;
  --grey-200: #f2f4f5;
  --grey-250: #e9ecee;
  --grey-300: #e0e3e6;
  --grey-350: #d6dade;
  --grey-400: #cbd0d4;
  --grey-450: #bfc4c8;
  --grey-500: #b0b6bb;
  --grey-550: #9ea4a8;
  --grey-600: #8a9196;
  --grey-650: #7f868a;
  --grey-700: #72797d;
  --grey-750: #656c70;
  --grey-800: #5a6064;
  --grey-850: #4c5256;
  --grey-900: #3f464b;
  --grey-950: #2f353a;
  --grey-1000: #25292d;
  --grey-1050: #1c1f22;
  --grey-1100: #111315;
  --green-50: #f8fbf8;
  --green-100: #edf4ee;
  --green-200: #cde2d2;
  --green-300: #93be9c;
  --green-400: #60a478;
  --green-500: #348347;
  --green-600: #2a6e3a;
  --green-700: #20592e;
  --green-800: #174423;
  --green-900: #0f3018;
  --red-50: #fef6f7;
  --red-100: #fce9ea;
  --red-200: #f7c2c5;
  --red-300: #ed838a;
  --red-400: #e55057;
  --red-500: #cc2330;
  --red-600: #a81c28;
  --red-700: #85151f;
  --red-800: #620e17;
  --red-900: #3f080f;
  --orange-50: #fffdfc;
  --orange-100: #feede4;
  --orange-200: #fdcaa7;
  --orange-300: #fca166;
  --orange-400: #f9873e;
  --orange-500: #ee7624;
  --orange-600: #c45d1c;
  --orange-700: #9a4615;
  --orange-800: #702f0e;
  --orange-900: #461907;
  --px-1: 1px;
  --px-2: 2px;
  --px-3: 3px;
  --px-4: 4px;
  --px-6: 6px;
  --px-8: 8px;
  --px-12: 12px;
  --px-16: 16px;
  --px-24: 24px;
  --px-32: 32px;
  --px-40: 40px;
  --px-48: 48px;
  --px-64: 64px;
  --px-80: 80px;
  --px-96: 96px;
  --px-9999: 9999px;
  --px-20: 20px;
  --px-28: 28px;
  --px-36: 36px;
  --px-56: 56px;
  --px-0: 0px;
  --font-family-inter: Inter;
  --font-family-hind: Hind;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-40: 40px;
  --typography-font-weight-extrabold: 800;
  --typography-font-weight-bold: 700;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-regular: 400;
  --typography-font-weight-light: 300;
  --typography-font-weight-medium: 500;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-medium: 500;
  --line-height-16: 16px;
  --line-height-20: 20px;
  --line-height-22: 22px;
  --line-height-24: 24px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --line-height-32: 32px;
  --line-height-36: 36px;
  --line-height-40: 40px;
  --line-height-48: 48px;
}

:root, [data-brand="brand-a"] {
  --type-headline-h1-letter-spacing: 0px;
  --type-headline-h2-letter-spacing: 0px;
  --type-headline-h3-letter-spacing: 0px;
  --type-headline-h4-letter-spacing: 0px;
  --type-headline-h5-letter-spacing: 0px;
  --type-body-large-letter-spacing: 0px;
  --type-body-medium-letter-spacing: 0px;
  --type-body-small-letter-spacing: 0px;
  --type-utility-link-letter-spacing: 0px;
  --utilities-50: var(--blue-50);
  --utilities-150: var(--blue-150);
  --utilities-250: var(--blue-250);
  --utilities-350: var(--blue-350);
  --utilities-500: var(--blue-500);
  --utilities-550: var(--blue-550);
  --utilities-650: var(--blue-650);
  --utilities-750: var(--blue-750);
  --utilities-850: var(--blue-850);
  --utilities-900: var(--blue-900);
  --brand-50: var(--blue-50);
  --brand-150: var(--blue-150);
  --brand-200: var(--blue-200);
  --brand-250: var(--blue-250);
  --brand-350: var(--blue-350);
  --brand-500: var(--blue-500);
  --brand-550: var(--blue-550);
  --brand-650: var(--blue-650);
  --brand-750: var(--blue-750);
  --brand-850: var(--blue-850);
  --brand-900: var(--blue-900);
  --brand-dark-subtle: var(--blue-650);
  --brand-dark-subtle-hover: var(--blue-600);
  --brand-dark-subtle-pressed: var(--blue-550);
  --brand-dark-primary: var(--blue-500);
  --brand-dark-primary-hover: var(--blue-550);
  --brand-dark-primary-pressed: var(--blue-650);
  --brand-dark-on-primary: var(--grey-50);
  --neutral-50: var(--grey-50);
  --neutral-100: var(--grey-100);
  --neutral-150: var(--grey-150);
  --neutral-200: var(--grey-200);
  --neutral-250: var(--grey-250);
  --neutral-300: var(--grey-300);
  --neutral-350: var(--grey-350);
  --neutral-400: var(--grey-400);
  --neutral-450: var(--grey-450);
  --neutral-500: var(--grey-500);
  --neutral-550: var(--grey-550);
  --neutral-600: var(--grey-600);
  --neutral-650: var(--grey-650);
  --neutral-700: var(--grey-700);
  --neutral-750: var(--grey-750);
  --neutral-800: var(--grey-800);
  --neutral-850: var(--grey-850);
  --neutral-900: var(--grey-900);
  --neutral-950: var(--grey-950);
  --neutral-1000: var(--grey-1000);
  --neutral-1050: var(--grey-1050);
  --neutral-1100: var(--grey-1100);
  --status-error-100: var(--red-100);
  --status-error-300: var(--red-300);
  --status-error-600: var(--red-600);
  --status-error-700: var(--red-700);
  --status-error-800: var(--red-800);
  --status-error-900: var(--red-900);
  --status-error-light: var(--red-50);
  --status-error-stroke: var(--red-200);
  --status-error-accent: var(--red-500);
  --status-info-300: var(--blue-300);
  --status-info-700: var(--blue-700);
  --status-info-850: var(--blue-850);
  --status-info-light: var(--blue-50);
  --status-info-stroke: var(--blue-200);
  --status-info-accent: var(--blue-500);
  --status-success-300: var(--green-300);
  --status-success-700: var(--green-700);
  --status-success-900: var(--green-900);
  --status-success-light: var(--green-50);
  --status-success-stroke: var(--green-200);
  --status-success-accent: var(--green-500);
  --status-warning-300: var(--orange-300);
  --status-warning-700: var(--orange-700);
  --status-warning-900: var(--orange-900);
  --status-warning-stroke: var(--orange-200);
  --status-warning-light: var(--orange-50);
  --status-warning-accent: var(--orange-500);
  --alias-link-default: var(--blue-500);
  --alias-link-hover: var(--blue-550);
  --alias-link-pressed: var(--blue-650);
  --alias-link-visited: var(--blue-750);
  --link-dark-default: var(--blue-350);
  --link-dark-hover: var(--blue-300);
  --link-dark-pressed: var(--blue-250);
  --link-dark-visited: var(--blue-250);
  --surface-sidenav-text-defauilt: var(--blue-750);
  --surface-sidenav-text-hover: var(--blue-750);
  --surface-sidenav-text-selected: var(--blue-550);
  --surface-sidenav-text-selected-hover: var(--blue-550);
  --font-family-brand: var(--font-family-inter);
  --type-weight-light: var(--font-weight-light);
  --type-weight-regular: var(--font-weight-regular);
  --type-weight-medium: var(--font-weight-medium);
  --type-weight-semibold: var(--font-weight-semibold);
  --type-weight-bold: var(--font-weight-bold);
  --type-weight-extrabold: var(--font-weight-extrabold);
  --type-headline-h1-size: var(--font-size-32);
  --type-headline-h1-line-height: var(--line-height-36);
  --type-headline-h2-size: var(--font-size-28);
  --type-headline-h2-line-height: var(--line-height-32);
  --type-headline-h3-size: var(--font-size-24);
  --type-headline-h3-line-height: var(--line-height-28);
  --type-headline-h4-size: var(--font-size-20);
  --type-headline-h4-line-height: var(--line-height-24);
  --type-headline-h5-size: var(--font-size-16);
  --type-headline-h5-line-height: var(--line-height-20);
  --type-body-large-size: var(--font-size-16);
  --type-body-large-line-height: var(--line-height-24);
  --type-body-medium-size: var(--font-size-14);
  --type-body-medium-line-height: var(--line-height-20);
  --type-body-small-size: var(--font-size-12);
  --type-body-small-line-height: var(--line-height-16);
  --type-utility-link-size: var(--font-size-14);
  --type-utility-link-line-height: var(--line-height-20);
  --brand-ai-icon: var(--chetwode-500);
  --brand-ai-dark-icon: var(--chetwode-400);
  --brand-text: var(--brand-500);
  --alias-link-disabled: var(--neutral-650);
  --color-surface-navmain: var(--neutral-150);
  --color-surface-sidenav: var(--neutral-150);
  --surface-sidenav-default: var(--neutral-150);
  --surface-sidenav-hover: var(--neutral-150);
  --type-headline-h1-weight: var(--type-weight-extrabold);
  --type-headline-h2-weight: var(--type-weight-extrabold);
  --type-headline-h3-weight: var(--type-weight-bold);
  --type-headline-h4-weight: var(--type-weight-bold);
  --type-headline-h5-weight: var(--type-weight-semibold);
  --type-utility-link-weight: var(--type-weight-semibold);
  --brand-button-secondary-text: var(--brand-500);
  --brand-button-secondary-text-hover: var(--brand-550);
  --brand-button-secondary-text-pressed: var(--brand-750);
  --brand-button-secondary-stroke: var(--brand-500);
  --brand-button-secondary-stroke-hover: var(--brand-500);
  --brand-button-secondary-stroke-pressed: var(--brand-650);
  --brand-button-secondary-fill-hover: var(--brand-150);
  --brand-button-secondary-fill-pressed: var(--brand-250);
  --brand-button-dark-secondary-text: var(--brand-350);
  --brand-button-dark-secondary-text-hover: var(--brand-250);
  --brand-button-dark-secondary-text-pressed: var(--brand-250);
  --brand-button-dark-secondary-stroke: var(--brand-350);
  --brand-button-dark-secondary-stroke-hover: var(--brand-350);
  --brand-button-dark-secondary-stroke-pressed: var(--brand-250);
  --brand-button-dark-secondary-fill-hover: var(--brand-850);
  --brand-button-dark-secondary-fill-pressed: var(--brand-750);
  --brand-button-dark-tertiary-fill: var(--brand-dark-subtle);
  --brand-button-dark-tertiary-fill-hover: var(--brand-dark-subtle-hover);
  --brand-button-dark-tertiary-fill-pressed: var(--brand-dark-subtle-pressed);
  --brand-button-dark-tertiary-text: var(--brand-250);
  --brand-button-dark-tertiary-text-hover: var(--brand-250);
  --brand-button-dark-tertiary-text-pressed: var(--brand-250);
  --brand-button-dark-tertiary-text-focused: var(--brand-350);
  --brand-button-tertiary-fill: var(--brand-150);
  --brand-button-tertiary-fill-hover: var(--brand-200);
  --brand-button-tertiary-fill-pressed: var(--brand-250);
  --brand-button-tertiary-text: var(--brand-500);
  --brand-button-tertiary-text-hover: var(--brand-550);
  --brand-button-tertiary-text-pressed: var(--brand-550);
  --brand-button-tertiary-text-focused: var(--brand-500);
  --surface-sidenav-selected: var(--color-surface-selected);
  --surface-sidenav-selected-hover: var(--color-surface-selected);
}

[data-brand="brand-b"] {
  --utilities-50: var(--ramp-b2-50);
  --utilities-150: var(--ramp-b2-150);
  --utilities-250: var(--ramp-b2-250);
  --utilities-350: var(--ramp-b2-350);
  --utilities-500: var(--ramp-b2-500);
  --utilities-550: var(--ramp-b2-550);
  --utilities-650: var(--ramp-b2-650);
  --utilities-750: var(--ramp-b2-750);
  --utilities-850: var(--ramp-b2-800);
  --utilities-900: var(--ramp-b2-850);
  --brand-50: var(--ramp-b1-50);
  --brand-150: var(--ramp-b1-150);
  --brand-200: var(--ramp-b1-200);
  --brand-250: var(--ramp-b1-250);
  --brand-350: var(--ramp-b1-350);
  --brand-500: var(--ramp-b1-500);
  --brand-550: var(--ramp-b1-550);
  --brand-650: var(--ramp-b1-650);
  --brand-750: var(--ramp-b1-750);
  --brand-850: var(--ramp-b1-850);
  --brand-900: var(--ramp-b1-900);
  --brand-dark-subtle: var(--ramp-b1-650);
  --brand-dark-subtle-hover: var(--ramp-b1-600);
  --brand-dark-subtle-pressed: var(--ramp-b1-550);
  --brand-dark-primary: var(--ramp-b1-500);
  --brand-dark-primary-hover: var(--ramp-b1-550);
  --brand-dark-primary-pressed: var(--ramp-b1-650);
  --color-surface-sidenav: var(--ramp-b2-750);
  --surface-sidenav-default: var(--ramp-b2-750);
  --surface-sidenav-hover: var(--ramp-b2-650);
  --surface-sidenav-selected: var(--ramp-b2-550);
  --surface-sidenav-selected-hover: var(--ramp-b2-500);
  --color-surface-navmain: var(--neutral-50);
  --surface-sidenav-text-defauilt: var(--neutral-50);
  --surface-sidenav-text-hover: var(--neutral-50);
  --surface-sidenav-text-selected: var(--neutral-50);
  --surface-sidenav-text-selected-hover: var(--neutral-50);
}

[data-brand="brand-c"] {
  --utilities-50: var(--ramp-c1-100);
  --utilities-150: var(--ramp-c1-200);
  --utilities-250: var(--ramp-c1-250);
  --utilities-350: var(--ramp-c1-350);
  --utilities-500: var(--ramp-c1-600);
  --utilities-550: var(--gen-c-utilities-550);
  --utilities-650: var(--ramp-c1-700);
  --utilities-750: var(--ramp-c1-850);
  --utilities-850: var(--ramp-c1-900);
  --utilities-900: var(--ramp-c1-950);
  --brand-50: var(--ramp-c1-50);
  --brand-150: var(--ramp-c1-150);
  --brand-200: var(--ramp-c1-200);
  --brand-250: var(--ramp-c1-250);
  --brand-350: var(--ramp-c1-350);
  --brand-500: var(--ramp-c1-500);
  --brand-550: var(--ramp-c1-550);
  --brand-650: var(--ramp-c1-650);
  --brand-750: var(--ramp-c1-750);
  --brand-850: var(--ramp-c1-850);
  --brand-900: var(--ramp-c1-900);
  --brand-dark-subtle: var(--ramp-c1-650);
  --brand-dark-subtle-hover: var(--ramp-c1-600);
  --brand-dark-subtle-pressed: var(--ramp-c1-550);
  --brand-dark-primary: var(--ramp-c1-500);
  --brand-dark-primary-hover: var(--ramp-c1-550);
  --brand-dark-primary-pressed: var(--ramp-c1-650);
  --color-surface-sidenav: var(--ramp-c1-750);
  --surface-sidenav-default: var(--ramp-c1-750);
  --surface-sidenav-hover: var(--ramp-c1-650);
  --surface-sidenav-selected: var(--ramp-c1-600);
  --surface-sidenav-selected-hover: var(--ramp-c1-500);
  --color-surface-navmain: var(--neutral-50);
  --surface-sidenav-text-defauilt: var(--neutral-50);
  --surface-sidenav-text-hover: var(--neutral-50);
  --surface-sidenav-text-selected: var(--neutral-50);
  --surface-sidenav-text-selected-hover: var(--neutral-50);
}

[data-brand="brand-d"] {
  --utilities-50: var(--ramp-d2-100);
  --utilities-150: var(--gen-d-utilities-150);
  --utilities-250: var(--gen-d-utilities-250);
  --utilities-350: var(--ramp-d2-250);
  --utilities-500: var(--ramp-d2-350);
  --utilities-550: var(--ramp-d2-500);
  --utilities-650: var(--gen-d-utilities-650);
  --utilities-750: var(--ramp-d2-650);
  --utilities-850: var(--ramp-d2-750);
  --utilities-900: var(--ramp-d2-850);
  --brand-50: var(--ramp-d1-50);
  --brand-150: var(--ramp-d1-150);
  --brand-200: var(--ramp-d1-200);
  --brand-250: var(--ramp-d1-250);
  --brand-350: var(--ramp-d1-350);
  --brand-500: var(--ramp-d1-500);
  --brand-550: var(--ramp-d1-550);
  --brand-650: var(--ramp-d1-650);
  --brand-750: var(--ramp-d1-750);
  --brand-850: var(--ramp-d1-850);
  --brand-900: var(--ramp-d1-900);
  --brand-dark-subtle: var(--ramp-d1-650);
  --brand-dark-subtle-hover: var(--ramp-d1-600);
  --brand-dark-subtle-pressed: var(--ramp-d1-550);
  --brand-dark-primary: var(--ramp-d1-500);
  --brand-dark-primary-hover: var(--ramp-d1-550);
  --brand-dark-primary-pressed: var(--ramp-d1-650);
  --color-surface-sidenav: var(--ramp-d2-650);
  --surface-sidenav-default: var(--ramp-d2-650);
  --surface-sidenav-hover: var(--ramp-d2-550);
  --surface-sidenav-selected: var(--ramp-d2-500);
  --surface-sidenav-selected-hover: var(--ramp-d2-350);
  --color-surface-navmain: var(--neutral-50);
  --surface-sidenav-text-defauilt: var(--neutral-50);
  --surface-sidenav-text-hover: var(--neutral-50);
  --surface-sidenav-text-selected: var(--neutral-50);
  --surface-sidenav-text-selected-hover: var(--neutral-50);
}

[data-brand="brand-e"] {
  --utilities-50: var(--ramp-e1-50);
  --utilities-150: var(--ramp-e1-100);
  --utilities-250: var(--ramp-e1-150);
  --utilities-350: var(--ramp-e1-300);
  --utilities-500: var(--ramp-e1-450);
  --utilities-550: var(--ramp-e1-550);
  --utilities-650: var(--ramp-e1-650);
  --utilities-750: var(--ramp-e1-700);
  --utilities-850: var(--ramp-e1-850);
  --utilities-900: var(--ramp-e1-950);
  --brand-50: var(--ramp-e1-50);
  --brand-150: var(--ramp-e1-150);
  --brand-200: var(--ramp-e1-200);
  --brand-250: var(--ramp-e1-250);
  --brand-350: var(--ramp-e1-350);
  --brand-500: var(--ramp-e1-500);
  --brand-550: var(--ramp-e1-550);
  --brand-650: var(--ramp-e1-650);
  --brand-750: var(--ramp-e1-750);
  --brand-850: var(--ramp-e1-850);
  --brand-900: var(--ramp-e1-900);
  --brand-dark-subtle: var(--ramp-e1-650);
  --brand-dark-subtle-hover: var(--ramp-e1-600);
  --brand-dark-subtle-pressed: var(--ramp-e1-550);
  --brand-dark-primary: var(--ramp-e1-500);
  --brand-dark-primary-hover: var(--ramp-e1-550);
  --brand-dark-primary-pressed: var(--ramp-e1-650);
  --color-surface-sidenav: var(--ramp-e1-700);
  --surface-sidenav-default: var(--ramp-e1-700);
  --surface-sidenav-hover: var(--ramp-e1-650);
  --surface-sidenav-selected: var(--ramp-e1-550);
  --surface-sidenav-selected-hover: var(--ramp-e1-450);
  --color-surface-navmain: var(--neutral-50);
  --surface-sidenav-text-defauilt: var(--neutral-50);
  --surface-sidenav-text-hover: var(--neutral-50);
  --surface-sidenav-text-selected: var(--neutral-50);
  --surface-sidenav-text-selected-hover: var(--neutral-50);
}

[data-brand="brand-f"] {
  --utilities-50: #f6ffff;
  --utilities-150: #d3e6f2;
  --utilities-250: #a7c2d4;
  --utilities-350: #7d9fb5;
  --utilities-500: #487188;
  --utilities-550: #36647d;
  --utilities-650: #144b67;
  --utilities-750: #012639;
  --utilities-850: #020609;
  --utilities-900: var(--gen-f-utilities-900);
  --brand-50: var(--ramp-f1-50);
  --brand-150: var(--ramp-f1-150);
  --brand-200: var(--ramp-f1-200);
  --brand-250: var(--ramp-f1-250);
  --brand-350: var(--ramp-f1-300);
  --brand-500: var(--ramp-f1-500);
  --brand-550: var(--ramp-f1-450);
  --brand-650: var(--ramp-f1-650);
  --brand-750: var(--ramp-f1-750);
  --brand-850: var(--ramp-f1-800);
  --brand-900: var(--ramp-f1-850);
  --brand-dark-subtle: var(--grey-950);
  --brand-dark-subtle-hover: var(--ramp-f1-450);
  --brand-dark-subtle-pressed: var(--ramp-f1-450);
  --brand-dark-primary: var(--ramp-f1-50);
  --brand-dark-primary-hover: var(--ramp-f1-150);
  --brand-dark-primary-pressed: var(--ramp-f1-250);
  --brand-dark-on-primary: var(--ramp-f1-500);
  --color-surface-sidenav: var(--ramp-f1-500);
  --surface-sidenav-default: var(--ramp-f1-500);
  --surface-sidenav-hover: var(--ramp-f1-300);
  --surface-sidenav-selected: var(--ramp-f1-400);
  --surface-sidenav-selected-hover: var(--ramp-f1-300);
  --alias-link-disabled: var(--neutral-900);
  --color-surface-navmain: var(--neutral-50);
  --surface-sidenav-text-defauilt: var(--neutral-50);
  --surface-sidenav-text-hover: var(--neutral-50);
  --surface-sidenav-text-selected: var(--neutral-50);
  --surface-sidenav-text-selected-hover: var(--neutral-50);
}

[data-brand="brand-g"] {
  --utilities-50: var(--ramp-g2-50);
  --utilities-150: var(--ramp-g2-150);
  --utilities-250: var(--ramp-g2-250);
  --utilities-350: var(--ramp-g2-350);
  --utilities-500: var(--ramp-g2-500);
  --utilities-550: var(--ramp-g2-550);
  --utilities-650: var(--ramp-g2-650);
  --utilities-750: var(--ramp-g2-750);
  --utilities-850: var(--ramp-g2-850);
  --utilities-900: var(--ramp-g2-900);
  --brand-50: var(--ramp-g1-50);
  --brand-150: var(--ramp-g1-50);
  --brand-200: var(--ramp-g1-100);
  --brand-250: var(--ramp-g1-150);
  --brand-350: var(--ramp-g1-350);
  --brand-500: var(--ramp-g1-500);
  --brand-550: var(--ramp-g1-550);
  --brand-650: var(--ramp-g1-650);
  --brand-750: var(--ramp-g1-750);
  --brand-850: var(--ramp-g1-850);
  --brand-900: var(--ramp-g1-900);
  --brand-dark-subtle: var(--ramp-g1-750);
  --brand-dark-subtle-hover: var(--ramp-g1-700);
  --brand-dark-subtle-pressed: var(--ramp-g1-650);
  --brand-dark-primary: var(--ramp-g1-500);
  --brand-dark-primary-hover: var(--ramp-g1-550);
  --brand-dark-primary-pressed: var(--ramp-g1-650);
  --brand-text: var(--ramp-g1-550);
  --neutral-50: var(--ramp-g2-50);
  --neutral-100: var(--ramp-g2-100);
  --neutral-150: var(--ramp-g2-150);
  --neutral-200: var(--ramp-g2-200);
  --neutral-250: var(--ramp-g2-250);
  --neutral-300: var(--ramp-g2-300);
  --neutral-350: var(--ramp-g2-350);
  --neutral-400: var(--ramp-g2-400);
  --neutral-450: var(--ramp-g2-450);
  --neutral-500: var(--ramp-g2-500);
  --neutral-550: var(--ramp-g2-550);
  --neutral-600: var(--ramp-g2-600);
  --neutral-650: var(--ramp-g2-650);
  --neutral-700: var(--ramp-g2-700);
  --neutral-750: var(--ramp-g2-750);
  --neutral-800: var(--ramp-g2-800);
  --neutral-850: var(--ramp-g2-850);
  --neutral-900: var(--ramp-g2-900);
  --neutral-950: var(--ramp-g2-950);
  --neutral-1000: var(--ramp-g2-1000);
  --neutral-1050: var(--ramp-g2-1050);
  --neutral-1100: var(--ramp-g2-1100);
  --status-error-700: var(--red-800);
  --status-error-800: var(--red-900);
  --status-error-accent: var(--red-600);
  --alias-link-default: var(--ramp-g1-550);
  --alias-link-hover: var(--ramp-g1-650);
  --alias-link-pressed: var(--ramp-g1-700);
  --alias-link-visited: var(--ramp-g1-650);
  --link-dark-default: var(--ramp-g1-350);
  --link-dark-hover: var(--ramp-g1-300);
  --link-dark-pressed: var(--ramp-g1-250);
  --link-dark-visited: var(--ramp-g1-250);
  --surface-sidenav-text-selected: var(--ramp-g1-550);
  --surface-sidenav-text-selected-hover: var(--ramp-g1-550);
  --font-family-brand: var(--font-family-hind);
  --type-weight-regular: var(--font-weight-light);
  --type-weight-medium: var(--font-weight-regular);
  --type-weight-semibold: var(--font-weight-medium);
  --type-weight-bold: var(--font-weight-semibold);
  --type-weight-extrabold: var(--font-weight-bold);
  --type-headline-h1-size: var(--font-size-40);
  --type-headline-h1-line-height: var(--line-height-48);
  --type-headline-h2-size: var(--font-size-32);
  --type-headline-h2-line-height: var(--line-height-40);
  --type-headline-h3-line-height: var(--line-height-32);
  --type-headline-h4-line-height: var(--line-height-28);
  --type-headline-h5-line-height: var(--line-height-24);
  --type-body-large-line-height: var(--line-height-26);
  --brand-ai-icon: var(--ramp-g3-600);
  --brand-ai-dark-icon: var(--ramp-g3-300);
  --color-surface-navmain: var(--neutral-50);
  --surface-sidenav-hover: var(--neutral-200);
  --surface-sidenav-text-defauilt: var(--neutral-1100);
  --surface-sidenav-text-hover: var(--neutral-1100);
  --type-headline-h1-weight: var(--type-weight-light);
  --type-headline-h2-weight: var(--type-weight-light);
  --type-headline-h3-weight: var(--type-weight-semibold);
  --type-headline-h4-weight: var(--type-weight-semibold);
  --brand-button-secondary-stroke: var(--color-stroke-button-secondary-neutral-default);
  --brand-button-secondary-stroke-hover: var(--color-stroke-button-secondary-neutral-hover);
  --brand-button-secondary-stroke-pressed: var(--color-stroke-button-secondary-neutral-pressed);
  --brand-button-secondary-fill-hover: var(--color-surface-button-secondary-neutral-hover);
  --brand-button-secondary-fill-pressed: var(--color-surface-button-secondary-neutral-pressed);
  --brand-button-dark-secondary-stroke: var(--color-stroke-button-secondary-neutral-default);
  --brand-button-dark-secondary-stroke-hover: var(--color-stroke-button-secondary-neutral-hover);
  --brand-button-dark-secondary-stroke-pressed: var(--color-stroke-button-secondary-neutral-pressed);
  --brand-button-dark-secondary-fill-hover: var(--color-surface-button-secondary-neutral-hover);
  --brand-button-dark-secondary-fill-pressed: var(--color-surface-button-secondary-neutral-pressed);
  --brand-button-dark-tertiary-fill: var(--color-surface-button-tertiary-neutral-default);
  --brand-button-dark-tertiary-fill-hover: var(--color-surface-button-tertiary-neutral-hover);
  --brand-button-dark-tertiary-fill-pressed: var(--color-surface-button-tertiary-neutral-pressed);
  --brand-button-tertiary-fill: var(--color-surface-button-tertiary-neutral-default);
  --brand-button-tertiary-fill-hover: var(--color-surface-button-tertiary-neutral-hover);
  --brand-button-tertiary-fill-pressed: var(--color-surface-button-tertiary-neutral-pressed);
  --brand-button-secondary-text: var(--color-text-button-secondary-neutral-default);
  --brand-button-secondary-text-hover: var(--color-text-button-secondary-neutral-hover);
  --brand-button-secondary-text-pressed: var(--color-text-button-secondary-neutral-pressed);
  --brand-button-dark-secondary-text: var(--color-text-button-secondary-neutral-default);
  --brand-button-dark-secondary-text-hover: var(--color-text-button-secondary-neutral-hover);
  --brand-button-dark-secondary-text-pressed: var(--color-text-button-secondary-neutral-pressed);
  --brand-button-dark-tertiary-text: var(--color-text-button-tertiary-neutral-default);
  --brand-button-dark-tertiary-text-hover: var(--color-text-button-tertiary-neutral-hover);
  --brand-button-dark-tertiary-text-pressed: var(--color-text-button-tertiary-neutral-pressed);
  --brand-button-dark-tertiary-text-focused: var(--color-text-button-tertiary-neutral-default);
  --brand-button-tertiary-text: var(--color-text-button-tertiary-neutral-default);
  --brand-button-tertiary-text-hover: var(--color-text-button-tertiary-neutral-hover);
  --brand-button-tertiary-text-pressed: var(--color-text-button-tertiary-neutral-pressed);
  --brand-button-tertiary-text-focused: var(--color-text-button-tertiary-neutral-default);
}

:root, [data-density="default"] {
  --size-target-min: 24px;
  --size-icon-sm: var(--px-16);
  --size-icon-md: var(--px-20);
  --size-icon-lg: var(--px-24);
  --size-icon-xl: var(--px-32);
  --size-control-xs: var(--px-24);
  --size-control-sm: var(--px-28);
  --size-control-md: var(--px-32);
  --size-control-lg: var(--px-36);
  --size-control-xl: var(--px-48);
  --size-row-default: var(--px-40);
  --size-row-header: var(--px-48);
  --space-1: var(--px-2);
  --space-2: var(--px-4);
  --space-3: var(--px-6);
  --space-4: var(--px-8);
  --space-5: var(--px-12);
  --space-6: var(--px-16);
  --space-7: var(--px-24);
  --space-8: var(--px-32);
  --space-9: var(--px-40);
  --space-10: var(--px-48);
  --space-11: var(--px-64);
  --space-12: var(--px-80);
  --space-13: var(--px-96);
}

[data-density="compact"] {
  --size-control-sm: var(--px-24);
  --size-control-md: var(--px-28);
  --size-control-lg: var(--px-32);
  --size-control-xl: var(--px-40);
  --size-row-default: var(--px-32);
  --size-row-header: var(--px-40);
  --space-3: var(--px-4);
  --space-4: var(--px-6);
  --space-5: var(--px-8);
  --space-6: var(--px-12);
  --space-7: var(--px-20);
  --space-8: var(--px-28);
  --space-9: var(--px-36);
  --space-10: var(--px-40);
  --space-11: var(--px-56);
  --space-12: var(--px-64);
  --space-13: var(--px-80);
}

[data-density="comfortable"] {
  --size-control-xs: var(--px-28);
  --size-control-sm: var(--px-32);
  --size-control-md: var(--px-36);
  --size-control-lg: var(--px-40);
  --size-control-xl: var(--px-56);
  --size-row-default: var(--px-48);
  --size-row-header: var(--px-56);
  --space-3: var(--px-8);
  --space-4: var(--px-12);
  --space-5: var(--px-16);
  --space-6: var(--px-20);
  --space-7: var(--px-28);
  --space-8: var(--px-36);
  --space-9: var(--px-48);
  --space-10: var(--px-56);
  --space-11: var(--px-80);
  --space-12: var(--px-96);
}

:root, [data-shape="default"] {
  --shape-radius-xxs: var(--px-2);
  --shape-radius-xs: var(--px-4);
  --shape-radius-s: var(--px-8);
  --shape-radius-m: var(--px-12);
  --shape-radius-l: var(--px-16);
  --shape-radius-xl: var(--px-24);
  --shape-radius-xxl: var(--px-32);
  --shape-radius-full: var(--px-9999);
}

[data-shape="sharp"] {
  --shape-radius-xxs: var(--px-0);
  --shape-radius-xs: var(--px-2);
  --shape-radius-s: var(--px-4);
  --shape-radius-m: var(--px-6);
  --shape-radius-l: var(--px-8);
  --shape-radius-xl: var(--px-12);
  --shape-radius-xxl: var(--px-16);
}

[data-shape="rounded"] {
  --shape-radius-xxs: var(--px-4);
  --shape-radius-xs: var(--px-6);
  --shape-radius-s: var(--px-12);
  --shape-radius-m: var(--px-20);
  --shape-radius-l: var(--px-24);
  --shape-radius-xl: var(--px-36);
  --shape-radius-xxl: var(--px-48);
}

:root, [data-theme="light"] {
  --color-surface-scrim: rgba(0, 0, 0, 0.502);
  --color-transparent-white-10: rgba(255, 255, 255, 0.102);
  --color-transparent-white-20: rgba(255, 255, 255, 0.2);
  --color-transparent-white-30: rgba(255, 255, 255, 0.302);
  --color-transparent-white-40: rgba(255, 255, 255, 0.4);
  --color-transparent-white-50: rgba(255, 255, 255, 0.502);
  --color-transparent-white-60: rgba(255, 255, 255, 0.6);
  --color-transparent-white-70: rgba(255, 255, 255, 0.698);
  --color-transparent-white-80: rgba(255, 255, 255, 0.8);
  --color-transparent-white-90: rgba(255, 255, 255, 0.898);
  --color-table-foreground: #181d1f;
  --color-table-control-active: #2196f3;
  --color-table-control-inactive: #8e8e8e;
  --color-table-icon: rgba(24, 29, 31, 0.898);
  --color-table-border-subtle: #dde2eb;
  --color-table-border: #babfc7;
  --color-table-checkbox-checked: #2196f3;
  --color-table-checkbox-unchecked: rgba(153, 153, 153, 0.302);
  --color-table-input-border: #babfc7;
  --color-table-input-text: #181d1f;
  --color-table-panel-surface: #f8f8f8;
  --color-table-button-border: #2196f3;
  --color-table-button-text: #2196f3;
  --color-table-header-surface: #f8f8f8;
  --color-table-scrollbar-thumb: #b8b8b8;
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-15: 0.15;
  --opacity-20: 0.2;
  --opacity-30: 0.3;
  --opacity-33: 0.33;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-66: 0.66;
  --opacity-70: 0.7;
  --opacity-80: 0.8;
  --opacity-85: 0.85;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
  --motion-duration-fast: 125ms;
  --motion-duration-base: 180ms;
  --motion-duration-moderate: 240ms;
  --motion-duration-slow: 320ms;
  --motion-easing-out: cubic-bezier(0.23, 1, 0.32, 1);
  --motion-easing-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --motion-easing-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-scale-press: 0.97;
  --motion-scale-enter: 0.95;
  --color-surface-table-data-cell-border-focus: var(--denim-500);
  --color-chart-swatch-1: var(--azure-500);
  --color-chart-swatch-2: var(--azure-200);
  --color-chart-swatch-3: var(--azure-700);
  --color-chart-swatch-4: var(--green-haze-500);
  --color-chart-swatch-5: var(--green-haze-700);
  --color-chart-swatch-6: var(--green-haze-200);
  --color-chart-swatch-7: var(--chetwode-500);
  --color-chart-swatch-8: var(--chetwode-200);
  --color-chart-swatch-9: var(--denim-500);
  --color-chart-swatch-10: var(--denim-200);
  --color-chart-swatch-11: var(--denim-700);
  --color-chart-swatch-12: var(--orange-haze-200);
  --color-chart-swatch-13: var(--orange-haze-700);
  --color-chart-swatch-14: var(--orange-haze-500);
  --color-chart-swatch-15: var(--azure-300);
  --color-chart-swatch-16: var(--azure-800);
  --color-chart-swatch-17: var(--green-haze-300);
  --color-chart-swatch-18: var(--green-haze-800);
  --color-chart-swatch-19: var(--green-haze-600);
  --color-chart-swatch-20: var(--chetwode-300);
  --color-chart-swatch-21: var(--chetwode-600);
  --color-chart-swatch-22: var(--denim-300);
  --color-chart-swatch-23: var(--denim-600);
  --color-chart-swatch-24: var(--orange-haze-300);
  --color-chart-swatch-25: var(--orange-haze-800);
  --color-chart-swatch-26: var(--orange-haze-600);
  --color-ai-surface: var(--chetwode-100);
  --color-ai-surface-hover: var(--chetwode-200);
  --color-ai-text-default: var(--chetwode-600);
  --color-ai-text-hover: var(--chetwode-700);
  --color-badge-default-filled-surface: var(--chetwode-100);
  --color-badge-default-filled-text: var(--chetwode-600);
  --color-badge-default-filled-icon: var(--chetwode-600);
  --color-badge-default-outline-stroke: var(--chetwode-200);
  --color-badge-default-outline-text: var(--chetwode-500);
  --color-badge-default-outline-icon: var(--chetwode-500);
  --color-badge-sky-filled-surface: var(--azure-100);
  --color-badge-sky-filled-text: var(--azure-700);
  --color-badge-sky-filled-icon: var(--azure-700);
  --color-badge-sky-outline-stroke: var(--azure-200);
  --color-badge-sky-outline-text: var(--azure-600);
  --color-badge-sky-outline-icon: var(--azure-600);
  --color-badge-grass-filled-surface: var(--green-haze-100);
  --color-badge-grass-filled-text: var(--green-haze-700);
  --color-badge-grass-filled-icon: var(--green-haze-700);
  --color-badge-grass-outline-stroke: var(--green-haze-200);
  --color-badge-bored-filled-surface: var(--orange-haze-100);
  --color-badge-bored-filled-text: var(--orange-haze-700);
  --color-badge-bored-filled-icon: var(--orange-haze-700);
  --color-badge-bored-outline-stroke: var(--orange-haze-200);
  --color-badge-bored-outline-text: var(--orange-haze-600);
  --color-badge-bored-outline-icon: var(--orange-haze-600);
  --color-badge-amber-filled-surface: var(--amber-3);
  --color-badge-amber-filled-text: var(--amber-12);
  --color-badge-amber-filled-icon: var(--amber-12);
  --color-badge-amber-outline-stroke: var(--amber-7);
  --color-badge-amber-outline-text: var(--amber-11);
  --color-badge-amber-outline-icon: var(--amber-11);
  --color-badge-lime-filled-surface: var(--lime-3);
  --color-badge-lime-filled-text: var(--lime-12);
  --color-badge-lime-filled-icon: var(--lime-12);
  --color-badge-lime-outline-stroke: var(--lime-7);
  --color-badge-lime-outline-text: var(--lime-11);
  --color-badge-lime-outline-icon: var(--lime-11);
  --color-badge-teal-filled-surface: var(--teal-3);
  --color-badge-teal-filled-text: var(--teal-12);
  --color-badge-teal-filled-icon: var(--teal-12);
  --color-badge-teal-outline-stroke: var(--teal-7);
  --color-badge-teal-outline-text: var(--teal-11);
  --color-badge-teal-outline-icon: var(--teal-11);
  --color-badge-purple-filled-surface: var(--purple-3);
  --color-badge-purple-filled-text: var(--purple-11);
  --color-badge-purple-filled-icon: var(--purple-11);
  --color-badge-purple-outline-stroke: var(--purple-7);
  --color-badge-purple-outline-text: var(--purple-11);
  --color-badge-purple-outline-icon: var(--purple-11);
  --color-badge-pink-filled-surface: var(--pink-3);
  --color-badge-pink-filled-text: var(--pink-11);
  --color-badge-pink-filled-icon: var(--pink-11);
  --color-badge-pink-outline-stroke: var(--pink-7);
  --color-badge-pink-outline-text: var(--pink-11);
  --color-badge-pink-outline-icon: var(--pink-11);
  --color-badge-gold-filled-surface: var(--gold-3);
  --color-badge-gold-filled-text: var(--gold-11);
  --color-badge-gold-filled-icon: var(--gold-11);
  --color-badge-gold-outline-stroke: var(--gold-7);
  --color-badge-gold-outline-text: var(--gold-11);
  --color-badge-gold-outline-icon: var(--gold-11);
  --color-badge-icon-default-filled-icon: var(--chetwode-700);
  --color-badge-icon-default-outline-icon: var(--chetwode-500);
  --color-badge-icon-sky-filled-icon: var(--azure-700);
  --color-badge-icon-sky-outline-icon: var(--azure-600);
  --color-badge-icon-grass-filled-icon: var(--green-haze-700);
  --color-badge-icon-bored-filled-icon: var(--orange-haze-700);
  --color-badge-icon-bored-outline-icon: var(--orange-haze-600);
  --color-focus-ring-subtle: var(--denim-300);
  --color-focus-ring-default: var(--denim-400);
  --color-carousel-shadow: var(--denim-900);
  --color-datepicker-holiday-surface: var(--orange-haze-100);
  --color-datepicker-holiday-text: var(--orange-haze-700);
  --color-file-upload-icon: var(--azure-700);
  --border-width-100: var(--px-1);
  --border-width-200: var(--px-2);
  --border-width-300: var(--px-3);
  --border-width-400: var(--px-4);
  --font-headline-h1-weight-style: var(--typography-font-weight-extrabold);
  --font-headline-h1-letter-spacing: var(--type-headline-h1-letter-spacing);
  --font-headline-h2-weight-style: var(--typography-font-weight-extrabold);
  --font-headline-h2-letter-spacing: var(--type-headline-h2-letter-spacing);
  --font-headline-h3-weight-style: var(--typography-font-weight-bold);
  --font-headline-h3-letter-spacing: var(--type-headline-h3-letter-spacing);
  --font-headline-h4-weight-style: var(--typography-font-weight-bold);
  --font-headline-h4-letter-spacing: var(--type-headline-h4-letter-spacing);
  --font-headline-h5-weight-style: var(--typography-font-weight-semibold);
  --font-headline-h5-letter-spacing: var(--type-headline-h5-letter-spacing);
  --font-body-large-regular-weight-style: var(--typography-font-weight-regular);
  --font-body-large-semibold-weight-style: var(--typography-font-weight-semibold);
  --font-body-large-bold-weight-style: var(--typography-font-weight-bold);
  --font-body-large-medium-weight-style: var(--typography-font-weight-medium);
  --font-body-large-letter-spacing: var(--type-body-large-letter-spacing);
  --font-body-medium-regular-weight-style: var(--typography-font-weight-regular);
  --font-body-medium-semibold-weight-style: var(--typography-font-weight-semibold);
  --font-body-medium-bold-weight-style: var(--typography-font-weight-bold);
  --font-body-medium-medium-weight-style: var(--typography-font-weight-medium);
  --font-body-medium-letter-spacing: var(--type-body-medium-letter-spacing);
  --font-body-small-regular-weight-style: var(--typography-font-weight-regular);
  --font-body-small-semibold-weight-style: var(--typography-font-weight-semibold);
  --font-body-small-bold-weight-style: var(--typography-font-weight-bold);
  --font-body-small-medium-weight-style: var(--typography-font-weight-medium);
  --font-body-small-letter-spacing: var(--type-body-small-letter-spacing);
  --font-utility-link-weight-style: var(--typography-font-weight-semibold);
  --font-utility-link-letter-spacing: var(--type-utility-link-letter-spacing);
  --color-text-input-label: var(--neutral-1050);
  --color-text-input-value: var(--neutral-1050);
  --color-text-input-disabled: var(--neutral-650);
  --color-text-input-placeholder: var(--neutral-900);
  --color-text-link-pressed: var(--alias-link-pressed);
  --color-text-link-default: var(--alias-link-default);
  --color-text-link-hover: var(--alias-link-hover);
  --color-text-link-visited: var(--alias-link-visited);
  --color-text-link-disabled: var(--neutral-650);
  --color-text-state-warnings: var(--status-warning-700);
  --color-text-primary: var(--neutral-1050);
  --color-text-secondary: var(--neutral-750);
  --color-text-dark-accent: var(--brand-750);
  --color-text-disabled: var(--neutral-650);
  --color-text-inverse: var(--neutral-50);
  --color-text-selected: var(--brand-550);
  --color-text-button-primary-default: var(--neutral-50);
  --color-text-button-primary-hover: var(--neutral-50);
  --color-text-button-primary-pressed: var(--neutral-50);
  --color-text-button-primary-focused: var(--neutral-50);
  --color-text-button-primary-disabled: var(--neutral-450);
  --color-text-button-secondary-disabled: var(--neutral-650);
  --color-text-button-error-default: var(--neutral-50);
  --color-text-button-error-hover: var(--neutral-50);
  --color-text-button-error-pressed: var(--neutral-50);
  --color-text-button-error-focused: var(--neutral-50);
  --color-text-button-primary-neutral-default: var(--neutral-50);
  --color-text-button-primary-neutral-hover: var(--neutral-50);
  --color-text-button-primary-neutral-pressed: var(--neutral-50);
  --color-text-button-ghost-default: var(--brand-500);
  --color-text-button-ghost-hover: var(--brand-550);
  --color-text-button-ghost-pressed: var(--brand-550);
  --color-text-controls-default: var(--neutral-1050);
  --color-text-controls-hover: var(--neutral-1050);
  --color-text-controls-default-2: var(--neutral-1050);
  --color-text-controls-focused: var(--neutral-1050);
  --color-text-controls-selected: var(--neutral-1050);
  --color-text-controls-disabled: var(--neutral-650);
  --color-text-controls-locked: var(--neutral-900);
  --color-text-brand: var(--brand-500);
  --color-surface-accent: var(--brand-500);
  --color-surface-dashboard: var(--neutral-150);
  --color-surface-background: var(--neutral-150);
  --color-surface-selected: var(--brand-150);
  --color-surface-hover: var(--neutral-200);
  --color-surface-focused: var(--brand-500);
  --color-surface-icon-hover: var(--neutral-450);
  --color-surface-icon-active: var(--brand-500);
  --color-surface-popover: var(--neutral-50);
  --color-surface-drawer: var(--neutral-50);
  --color-surface-widget: var(--neutral-50);
  --color-surface-foreground-dark: var(--neutral-1000);
  --color-surface-table-data-header: var(--neutral-50);
  --color-surface-table-data-cell: var(--neutral-50);
  --color-surface-table-row: var(--neutral-50);
  --color-surface-table-row-hover: var(--brand-150);
  --color-surface-table-row-selected: var(--brand-250);
  --color-surface-table-row-hover-selected: var(--brand-350);
  --color-surface-table-level1: var(--neutral-200);
  --color-surface-table-level2: var(--neutral-350);
  --color-surface-table-level3: var(--neutral-450);
  --color-surface-chip-default: var(--neutral-250);
  --color-surface-chip-default-white: var(--neutral-50);
  --color-surface-chip-hover: var(--neutral-300);
  --color-surface-chip-selected: var(--brand-150);
  --color-surface-chip-disabled: var(--neutral-150);
  --color-surface-datepicker-hover: var(--neutral-50);
  --color-surface-input-default: var(--neutral-50);
  --color-surface-input-locked: var(--neutral-350);
  --color-surface-input-disabled: var(--neutral-300);
  --color-surface-intercom-error: var(--status-error-light);
  --color-surface-intercom-info: var(--status-info-light);
  --color-surface-intercom-success: var(--status-success-light);
  --color-surface-intercom-warning: var(--status-warning-light);
  --color-surface-button-primary-default: var(--brand-500);
  --color-surface-button-primary-hover: var(--brand-550);
  --color-surface-button-primary-pressed: var(--brand-650);
  --color-surface-button-primary-focused: var(--brand-500);
  --color-surface-button-primary-disabled: var(--neutral-700);
  --color-surface-button-secondary-default: var(--neutral-50);
  --color-surface-button-secondary-focused: var(--neutral-50);
  --color-surface-button-secondary-disabled: var(--neutral-50);
  --color-surface-button-tertiary-disabled: var(--neutral-400);
  --color-surface-button-button-group-default: var(--neutral-200);
  --color-surface-button-button-group-hover: var(--neutral-200);
  --color-surface-button-button-group-active: var(--neutral-50);
  --color-surface-button-button-group-background: var(--neutral-250);
  --color-surface-button-error-default: var(--status-error-accent);
  --color-surface-button-error-hover: var(--status-error-700);
  --color-surface-button-error-pressed: var(--status-error-800);
  --color-surface-button-error-focused: var(--status-error-accent);
  --color-surface-button-primary-neutral-default: var(--neutral-1050);
  --color-surface-button-primary-neutral-hover: var(--neutral-1000);
  --color-surface-button-primary-neutral-pressed: var(--neutral-950);
  --color-surface-button-secondary-neutral-default: var(--neutral-50);
  --color-surface-button-secondary-neutral-hover: var(--neutral-200);
  --color-surface-button-secondary-neutral-pressed: var(--neutral-300);
  --color-surface-button-tertiary-neutral-default: var(--neutral-200);
  --color-surface-button-tertiary-neutral-hover: var(--neutral-300);
  --color-surface-button-tertiary-neutral-pressed: var(--neutral-400);
  --color-surface-button-ghost-hover: var(--brand-150);
  --color-surface-button-ghost-pressed: var(--brand-200);
  --color-surface-button-ghost-neutral-hover: var(--neutral-200);
  --color-surface-button-ghost-neutral-pressed: var(--neutral-300);
  --color-surface-foreground: var(--neutral-50);
  --color-surface-foreground-neutral: var(--neutral-150);
  --color-surface-controls-selected: var(--brand-500);
  --color-surface-controls-hover-selected: var(--brand-650);
  --color-surface-controls-disabled: var(--neutral-450);
  --color-surface-controls-locked: var(--neutral-450);
  --color-surface-controls-locked-icon: var(--neutral-900);
  --color-surface-toggle-Ellipse: var(--neutral-50);
  --color-surface-toggle-Default: var(--neutral-600);
  --color-surface-toggle-Active: var(--brand-500);
  --color-surface-toggle-Focused: var(--brand-250);
  --color-surface-toggle-Disabled: var(--neutral-750);
  --color-surface-progress-active: var(--brand-500);
  --color-surface-progress-foreground: var(--brand-250);
  --color-surface-navigation-default: var(--utilities-750);
  --color-surface-navigation-hover: var(--utilities-650);
  --color-surface-navigation-selected: var(--utilities-550);
  --color-surface-navigation-hover-selected: var(--utilities-500);
  --color-state-success-accent: var(--status-success-accent);
  --color-state-success-light: var(--status-success-light);
  --color-state-success-stroke: var(--status-success-stroke);
  --color-state-warning-accent: var(--status-warning-accent);
  --color-state-warning-light: var(--status-warning-light);
  --color-state-warning-stroke: var(--status-warning-stroke);
  --color-state-error-accent: var(--status-error-accent);
  --color-state-error-light: var(--status-error-light);
  --color-state-error-stroke: var(--status-error-stroke);
  --color-state-info-accent: var(--status-info-accent);
  --color-state-info-light: var(--status-info-light);
  --color-state-info-stroke: var(--status-info-stroke);
  --color-icon-brand: var(--brand-500);
  --color-icon-hover: var(--brand-650);
  --color-icon-dark: var(--neutral-1050);
  --color-icon-white: var(--neutral-50);
  --color-icon-link-default: var(--alias-link-default);
  --color-icon-link-hover: var(--alias-link-hover);
  --color-icon-link-pressed: var(--alias-link-pressed);
  --color-icon-link-visited: var(--alias-link-visited);
  --color-icon-link-disabled: var(--neutral-650);
  --color-icon-disabled: var(--neutral-650);
  --color-icon-dark-accent: var(--brand-750);
  --color-icon-status-info: var(--status-info-accent);
  --color-icon-status-success: var(--status-success-accent);
  --color-icon-status-warning: var(--status-warning-700);
  --color-icon-status-error: var(--status-error-accent);
  --color-icon-secondary: var(--neutral-750);
  --color-ai-icon: var(--brand-ai-icon);
  --color-stroke-default: var(--neutral-450);
  --color-stroke-light: var(--neutral-350);
  --color-stroke-brand: var(--brand-500);
  --color-stroke-dark: var(--neutral-1050);
  --color-stroke-table: var(--neutral-250);
  --color-stroke-controls-default: var(--neutral-600);
  --color-stroke-controls-hover: var(--neutral-1050);
  --color-stroke-controls-disabled: var(--neutral-650);
  --color-stroke-input-default: var(--neutral-600);
  --color-stroke-input-hover: var(--neutral-1050);
  --color-stroke-input-active: var(--brand-500);
  --color-stroke-button-secondary-disabled: var(--neutral-450);
  --color-stroke-button-secondary-neutral-default: var(--neutral-600);
  --color-stroke-button-secondary-neutral-hover: var(--neutral-600);
  --color-stroke-button-secondary-neutral-pressed: var(--neutral-750);
  --color-stroke-error: var(--status-error-accent);
  --color-border-table: var(--neutral-650);
  --color-navigation-hover: var(--neutral-200);
  --color-navigation-accent: var(--brand-500);
  --color-navigation-dark-accent: var(--brand-750);
  --color-navigation-selected: var(--brand-150);
  --color-navigation-text-selected: var(--brand-550);
  --color-badge-grass-outline-icon: var(--status-success-accent);
  --color-badge-neutral-filled-surface: var(--neutral-300);
  --color-badge-neutral-outline-surface: var(--neutral-100);
  --color-badge-dark-outline-surface: var(--neutral-750);
  --color-badge-negative-filled-icon: var(--status-error-accent);
  --color-badge-negative-outline-icon: var(--status-error-accent);
  --color-accordion-content-text: var(--neutral-1100);
  --color-carousel-arrow-surface: var(--neutral-250);
  --color-chip-hover-icon: var(--neutral-400);
  --color-chip-hover-stroke: var(--brand-350);
  --color-file-upload-disabled-surface: var(--neutral-250);
  --color-file-upload-progress: var(--brand-50);
  --color-footer-icon: var(--neutral-650);
  --color-icon-button-pressed-surface: var(--brand-250);
  --color-icon-button-active-surface: var(--brand-150);
  --color-toast-timestamp: var(--neutral-750);
  --color-scrollbar-track: var(--neutral-200);
  --color-scrollbar-thumb-strong: var(--neutral-850);
  --color-scrollbar-thumb: var(--neutral-650);
  --color-skeleton-base: var(--brand-150);
  --color-skeleton-highlight: var(--brand-250);
  --color-table-header-divider: var(--neutral-750);
  --color-pagination-selected-surface: var(--brand-500);
  --color-pagination-selected-text: var(--neutral-50);
  --color-pagination-surface: var(--neutral-50);
  --color-pagination-stroke: var(--neutral-600);
  --color-pagination-link-text: var(--alias-link-default);
  --color-pagination-secondary-text: var(--neutral-750);
  --color-pagination-hover-surface: var(--neutral-350);
  --color-pagination-hover-stroke: var(--neutral-350);
  --color-pagination-legacy-text: var(--neutral-950);
  --spacing-sp-2: var(--space-1);
  --spacing-sp-4: var(--space-2);
  --spacing-sp-6: var(--space-3);
  --spacing-sp-8: var(--space-4);
  --spacing-sp-12: var(--space-5);
  --spacing-sp-16: var(--space-6);
  --spacing-sp-24: var(--space-7);
  --spacing-sp-32: var(--space-8);
  --spacing-sp-40: var(--space-9);
  --spacing-sp-48: var(--space-10);
  --spacing-sp-64: var(--space-11);
  --spacing-sp-80: var(--space-12);
  --spacing-sp-96: var(--space-13);
  --radius-xxs: var(--shape-radius-xxs);
  --radius-xs: var(--shape-radius-xs);
  --radius-s: var(--shape-radius-s);
  --radius-m: var(--shape-radius-m);
  --radius-l: var(--shape-radius-l);
  --radius-xl: var(--shape-radius-xl);
  --radius-xxl: var(--shape-radius-xxl);
  --radius-full: var(--shape-radius-full);
  --radius-control: var(--shape-radius-xs);
  --radius-container: var(--shape-radius-s);
  --radius-overlay: var(--shape-radius-s);
  --radius-pill: var(--shape-radius-full);
  --font-headline-h1-size: var(--type-headline-h1-size);
  --font-headline-h1-line-height: var(--type-headline-h1-line-height);
  --font-headline-h2-size: var(--type-headline-h2-size);
  --font-headline-h2-line-height: var(--type-headline-h2-line-height);
  --font-headline-h3-size: var(--type-headline-h3-size);
  --font-headline-h3-line-height: var(--type-headline-h3-line-height);
  --font-headline-h4-size: var(--type-headline-h4-size);
  --font-headline-h4-line-height: var(--type-headline-h4-line-height);
  --font-headline-h5-size: var(--type-headline-h5-size);
  --font-headline-h5-line-height: var(--type-headline-h5-line-height);
  --font-body-large-regular-weight: var(--type-weight-regular);
  --font-body-large-semibold-weight: var(--type-weight-semibold);
  --font-body-large-size: var(--type-body-large-size);
  --font-body-large-bold-weight: var(--type-weight-bold);
  --font-body-large-line-height: var(--type-body-large-line-height);
  --font-body-large-medium-weight: var(--type-weight-medium);
  --font-body-medium-regular-weight: var(--type-weight-regular);
  --font-body-medium-size: var(--type-body-medium-size);
  --font-body-medium-semibold-weight: var(--type-weight-semibold);
  --font-body-medium-line-height: var(--type-body-medium-line-height);
  --font-body-medium-bold-weight: var(--type-weight-bold);
  --font-body-medium-medium-weight: var(--type-weight-medium);
  --font-body-small-size: var(--type-body-small-size);
  --font-body-small-line-height: var(--type-body-small-line-height);
  --font-body-small-regular-weight: var(--type-weight-regular);
  --font-body-small-semibold-weight: var(--type-weight-semibold);
  --font-body-small-bold-weight: var(--type-weight-bold);
  --font-body-small-medium-weight: var(--type-weight-medium);
  --font-utility-link-size: var(--type-utility-link-size);
  --font-utility-link-line-height: var(--type-utility-link-line-height);
  --color-text-state-success: var(--color-state-success-accent);
  --color-text-state-error: var(--color-state-error-accent);
  --color-text-state-info: var(--color-state-info-accent);
  --color-text-button-secondary-default: var(--brand-button-secondary-text);
  --color-text-button-secondary-hover: var(--brand-button-secondary-text-hover);
  --color-text-button-secondary-pressed: var(--brand-button-secondary-text-pressed);
  --color-text-button-secondary-focused: var(--brand-button-secondary-text);
  --color-text-button-tertiary-default: var(--brand-button-tertiary-text);
  --color-text-button-tertiary-hover: var(--brand-button-tertiary-text-hover);
  --color-text-button-tertiary-pressed: var(--brand-button-tertiary-text-pressed);
  --color-text-button-tertiary-focused: var(--brand-button-tertiary-text-focused);
  --color-text-button-tertiary-disabled: var(--color-text-disabled);
  --color-text-button-error-disabled: var(--color-text-button-primary-disabled);
  --color-text-button-secondary-neutral-default: var(--color-text-primary);
  --color-text-button-secondary-neutral-hover: var(--color-text-primary);
  --color-text-button-secondary-neutral-pressed: var(--color-text-primary);
  --color-text-button-tertiary-neutral-default: var(--color-text-primary);
  --color-text-button-tertiary-neutral-hover: var(--color-text-primary);
  --color-text-button-tertiary-neutral-pressed: var(--color-text-primary);
  --color-text-button-ghost-neutral-default: var(--color-text-primary);
  --color-text-button-ghost-neutral-hover: var(--color-text-primary);
  --color-text-button-ghost-neutral-pressed: var(--color-text-primary);
  --color-surface-button-secondary-hover: var(--brand-button-secondary-fill-hover);
  --color-surface-button-secondary-pressed: var(--brand-button-secondary-fill-pressed);
  --color-surface-button-tertiary-default: var(--brand-button-tertiary-fill);
  --color-surface-button-tertiary-hover: var(--brand-button-tertiary-fill-hover);
  --color-surface-button-tertiary-pressed: var(--brand-button-tertiary-fill-pressed);
  --color-surface-button-tertiary-focused: var(--brand-button-tertiary-fill);
  --color-surface-button-error-disabled: var(--color-surface-button-primary-disabled);
  --color-stroke-button-secondary-default: var(--brand-button-secondary-stroke);
  --color-stroke-button-secondary-hover: var(--brand-button-secondary-stroke-hover);
  --color-stroke-button-secondary-pressed: var(--brand-button-secondary-stroke-pressed);
  --color-navigation-active: var(--brand-text);
  --color-navigation-text: var(--color-text-dark-accent);
  --color-table-tool-panel-tab-bar: var(--color-surface-sidenav);
  --color-table-tool-panel-surface: var(--surface-sidenav-default);
  --color-table-tool-panel-icon: var(--surface-sidenav-default);
  --font-headline-h1-weight: var(--type-headline-h1-weight);
  --font-headline-h2-weight: var(--type-headline-h2-weight);
  --font-headline-h3-weight: var(--type-headline-h3-weight);
  --font-headline-h4-weight: var(--type-headline-h4-weight);
  --font-headline-h5-weight: var(--type-headline-h5-weight);
  --font-utility-link-weight: var(--type-utility-link-weight);
  --color-table-tool-panel-tab-selected: var(--surface-sidenav-selected);
}

[data-theme="dark"] {
  --color-ai-surface: var(--chetwode-900);
  --color-ai-surface-hover: var(--chetwode-800);
  --color-ai-text-default: var(--chetwode-300);
  --color-badge-default-filled-surface: var(--chetwode-900);
  --color-badge-default-filled-text: var(--chetwode-400);
  --color-badge-default-filled-icon: var(--chetwode-400);
  --color-badge-default-outline-stroke: var(--chetwode-600);
  --color-badge-default-outline-text: var(--chetwode-400);
  --color-badge-default-outline-icon: var(--chetwode-400);
  --color-badge-sky-filled-surface: var(--azure-900);
  --color-badge-sky-filled-text: var(--azure-500);
  --color-badge-sky-filled-icon: var(--azure-500);
  --color-badge-sky-outline-stroke: var(--azure-800);
  --color-badge-sky-outline-text: var(--azure-500);
  --color-badge-sky-outline-icon: var(--azure-500);
  --color-badge-grass-filled-surface: var(--green-haze-900);
  --color-badge-grass-filled-text: var(--green-haze-500);
  --color-badge-grass-filled-icon: var(--green-haze-600);
  --color-badge-grass-outline-stroke: var(--green-haze-800);
  --color-badge-bored-filled-surface: var(--orange-haze-900);
  --color-badge-bored-filled-text: var(--orange-haze-400);
  --color-badge-bored-filled-icon: var(--orange-haze-400);
  --color-badge-bored-outline-stroke: var(--orange-haze-700);
  --color-badge-bored-outline-text: var(--orange-haze-500);
  --color-badge-bored-outline-icon: var(--orange-haze-500);
  --color-badge-amber-filled-surface: var(--amber-dark-3);
  --color-badge-amber-filled-text: var(--amber-dark-11);
  --color-badge-amber-filled-icon: var(--amber-dark-11);
  --color-badge-amber-outline-stroke: var(--amber-dark-7);
  --color-badge-amber-outline-text: var(--amber-dark-11);
  --color-badge-amber-outline-icon: var(--amber-dark-11);
  --color-badge-lime-filled-surface: var(--lime-dark-3);
  --color-badge-lime-filled-text: var(--lime-dark-11);
  --color-badge-lime-filled-icon: var(--lime-dark-11);
  --color-badge-lime-outline-stroke: var(--lime-dark-7);
  --color-badge-lime-outline-text: var(--lime-dark-11);
  --color-badge-lime-outline-icon: var(--lime-dark-11);
  --color-badge-teal-filled-surface: var(--teal-dark-3);
  --color-badge-teal-filled-text: var(--teal-dark-11);
  --color-badge-teal-filled-icon: var(--teal-dark-11);
  --color-badge-teal-outline-stroke: var(--teal-dark-7);
  --color-badge-teal-outline-text: var(--teal-dark-11);
  --color-badge-teal-outline-icon: var(--teal-dark-11);
  --color-badge-purple-filled-surface: var(--purple-dark-3);
  --color-badge-purple-filled-text: var(--purple-dark-11);
  --color-badge-purple-filled-icon: var(--purple-dark-11);
  --color-badge-purple-outline-stroke: var(--purple-dark-7);
  --color-badge-purple-outline-text: var(--purple-dark-11);
  --color-badge-purple-outline-icon: var(--purple-dark-11);
  --color-badge-pink-filled-surface: var(--pink-dark-3);
  --color-badge-pink-filled-text: var(--pink-dark-11);
  --color-badge-pink-filled-icon: var(--pink-dark-11);
  --color-badge-pink-outline-stroke: var(--pink-dark-7);
  --color-badge-pink-outline-text: var(--pink-dark-11);
  --color-badge-pink-outline-icon: var(--pink-dark-11);
  --color-badge-gold-filled-surface: var(--gold-dark-3);
  --color-badge-gold-filled-text: var(--gold-dark-11);
  --color-badge-gold-filled-icon: var(--gold-dark-11);
  --color-badge-gold-outline-stroke: var(--gold-dark-7);
  --color-badge-gold-outline-text: var(--gold-dark-11);
  --color-badge-gold-outline-icon: var(--gold-dark-11);
  --color-badge-icon-default-filled-icon: var(--chetwode-300);
  --color-badge-icon-default-outline-icon: var(--chetwode-400);
  --color-badge-icon-sky-filled-icon: var(--azure-500);
  --color-badge-icon-sky-outline-icon: var(--azure-500);
  --color-badge-icon-grass-filled-icon: var(--green-haze-600);
  --color-badge-icon-bored-filled-icon: var(--orange-haze-400);
  --color-badge-icon-bored-outline-icon: var(--orange-haze-500);
  --color-focus-ring-subtle: var(--denim-500);
  --color-datepicker-holiday-surface: var(--orange-haze-900);
  --color-datepicker-holiday-text: var(--orange-haze-300);
  --color-file-upload-icon: var(--azure-300);
  --color-text-input-label: var(--neutral-100);
  --color-text-input-value: var(--neutral-100);
  --color-text-input-placeholder: var(--neutral-250);
  --color-text-link-pressed: var(--link-dark-pressed);
  --color-text-link-default: var(--link-dark-default);
  --color-text-link-hover: var(--link-dark-hover);
  --color-text-link-visited: var(--link-dark-visited);
  --color-text-state-success: var(--status-success-300);
  --color-text-state-warnings: var(--status-warning-300);
  --color-text-state-error: var(--status-error-300);
  --color-text-state-info: var(--status-info-300);
  --color-text-primary: var(--neutral-100);
  --color-text-secondary: var(--neutral-400);
  --color-text-dark-accent: var(--brand-250);
  --color-text-inverse: var(--neutral-1100);
  --color-text-selected: var(--brand-250);
  --color-text-button-primary-default: var(--brand-dark-on-primary);
  --color-text-button-primary-hover: var(--brand-dark-on-primary);
  --color-text-button-primary-pressed: var(--brand-dark-on-primary);
  --color-text-button-primary-focused: var(--brand-dark-on-primary);
  --color-text-button-primary-disabled: var(--neutral-850);
  --color-text-button-primary-neutral-default: var(--neutral-1050);
  --color-text-button-primary-neutral-hover: var(--neutral-1050);
  --color-text-button-primary-neutral-pressed: var(--neutral-1050);
  --color-text-button-ghost-default: var(--brand-250);
  --color-text-button-ghost-hover: var(--brand-250);
  --color-text-button-ghost-pressed: var(--brand-250);
  --color-text-controls-default: var(--neutral-100);
  --color-text-controls-hover: var(--neutral-100);
  --color-text-controls-default-2: var(--neutral-100);
  --color-text-controls-focused: var(--neutral-100);
  --color-text-controls-selected: var(--neutral-100);
  --color-text-controls-locked: var(--neutral-250);
  --color-text-brand: var(--brand-350);
  --color-surface-accent: var(--brand-dark-primary);
  --color-surface-dashboard: var(--neutral-1100);
  --color-surface-background: var(--neutral-1100);
  --color-surface-selected: var(--brand-dark-subtle);
  --color-surface-hover: var(--neutral-950);
  --color-surface-focused: var(--brand-dark-primary);
  --color-surface-icon-hover: var(--neutral-700);
  --color-surface-icon-active: var(--brand-dark-primary);
  --color-surface-popover: var(--neutral-1000);
  --color-surface-drawer: var(--neutral-1000);
  --color-surface-widget: var(--neutral-1000);
  --color-surface-foreground-dark: var(--neutral-150);
  --color-surface-table-data-header: var(--neutral-1000);
  --color-surface-table-data-cell: var(--neutral-1000);
  --color-surface-table-row: var(--neutral-1000);
  --color-surface-table-row-hover: var(--brand-850);
  --color-surface-table-row-selected: var(--brand-750);
  --color-surface-table-row-hover-selected: var(--brand-650);
  --color-surface-table-level1: var(--neutral-950);
  --color-surface-table-level2: var(--neutral-800);
  --color-surface-table-level3: var(--neutral-700);
  --color-surface-chip-default: var(--neutral-950);
  --color-surface-chip-default-white: var(--neutral-1000);
  --color-surface-chip-hover: var(--neutral-900);
  --color-surface-chip-selected: var(--brand-850);
  --color-surface-chip-disabled: var(--neutral-1000);
  --color-surface-datepicker-hover: var(--neutral-1000);
  --color-surface-input-default: var(--neutral-1000);
  --color-surface-input-locked: var(--neutral-800);
  --color-surface-input-disabled: var(--neutral-950);
  --color-surface-intercom-error: var(--status-error-900);
  --color-surface-intercom-info: var(--status-info-850);
  --color-surface-intercom-success: var(--status-success-900);
  --color-surface-intercom-warning: var(--status-warning-900);
  --color-surface-button-primary-default: var(--brand-dark-primary);
  --color-surface-button-primary-hover: var(--brand-dark-primary-hover);
  --color-surface-button-primary-pressed: var(--brand-dark-primary-pressed);
  --color-surface-button-primary-focused: var(--brand-dark-primary);
  --color-surface-button-primary-disabled: var(--neutral-600);
  --color-surface-button-secondary-default: var(--neutral-1000);
  --color-surface-button-secondary-focused: var(--neutral-1000);
  --color-surface-button-secondary-disabled: var(--neutral-1000);
  --color-surface-button-tertiary-disabled: var(--neutral-900);
  --color-surface-button-button-group-default: var(--neutral-950);
  --color-surface-button-button-group-hover: var(--neutral-950);
  --color-surface-button-button-group-active: var(--neutral-1000);
  --color-surface-button-button-group-background: var(--neutral-900);
  --color-surface-button-primary-neutral-default: var(--neutral-150);
  --color-surface-button-primary-neutral-hover: var(--neutral-250);
  --color-surface-button-primary-neutral-pressed: var(--neutral-350);
  --color-surface-button-secondary-neutral-default: var(--neutral-1000);
  --color-surface-button-secondary-neutral-hover: var(--neutral-950);
  --color-surface-button-secondary-neutral-pressed: var(--neutral-900);
  --color-surface-button-tertiary-neutral-default: var(--neutral-950);
  --color-surface-button-tertiary-neutral-hover: var(--neutral-900);
  --color-surface-button-tertiary-neutral-pressed: var(--neutral-850);
  --color-surface-button-ghost-hover: var(--brand-dark-subtle);
  --color-surface-button-ghost-pressed: var(--brand-dark-subtle-hover);
  --color-surface-button-ghost-neutral-hover: var(--neutral-950);
  --color-surface-button-ghost-neutral-pressed: var(--neutral-900);
  --color-surface-foreground: var(--neutral-1000);
  --color-surface-foreground-neutral: var(--neutral-1100);
  --color-surface-controls-selected: var(--brand-350);
  --color-surface-controls-hover-selected: var(--brand-250);
  --color-surface-controls-disabled: var(--neutral-850);
  --color-surface-controls-locked: var(--neutral-700);
  --color-surface-controls-locked-icon: var(--neutral-250);
  --color-surface-toggle-Ellipse: var(--neutral-1000);
  --color-surface-toggle-Default: var(--neutral-700);
  --color-surface-toggle-Active: var(--brand-350);
  --color-surface-toggle-Focused: var(--neutral-900);
  --color-surface-toggle-Disabled: var(--neutral-550);
  --color-surface-progress-active: var(--brand-350);
  --color-surface-progress-foreground: var(--neutral-900);
  --color-state-success-light: var(--status-success-900);
  --color-state-success-stroke: var(--status-success-700);
  --color-state-warning-light: var(--status-warning-900);
  --color-state-warning-stroke: var(--status-warning-700);
  --color-state-error-light: var(--status-error-900);
  --color-state-error-stroke: var(--status-error-700);
  --color-state-info-light: var(--status-info-850);
  --color-state-info-stroke: var(--status-info-700);
  --color-icon-brand: var(--brand-350);
  --color-icon-hover: var(--brand-250);
  --color-icon-dark: var(--neutral-100);
  --color-icon-white: var(--neutral-1100);
  --color-icon-link-default: var(--link-dark-default);
  --color-icon-link-hover: var(--link-dark-hover);
  --color-icon-link-pressed: var(--link-dark-pressed);
  --color-icon-link-visited: var(--link-dark-visited);
  --color-icon-dark-accent: var(--brand-50);
  --color-icon-status-info: var(--status-info-300);
  --color-icon-status-success: var(--status-success-300);
  --color-icon-status-warning: var(--status-warning-300);
  --color-icon-status-error: var(--status-error-300);
  --color-icon-secondary: var(--neutral-400);
  --color-ai-icon: var(--brand-ai-dark-icon);
  --color-stroke-default: var(--neutral-700);
  --color-stroke-light: var(--neutral-800);
  --color-stroke-brand: var(--brand-350);
  --color-stroke-dark: var(--neutral-100);
  --color-stroke-table: var(--neutral-900);
  --color-stroke-controls-default: var(--neutral-700);
  --color-stroke-controls-hover: var(--neutral-100);
  --color-stroke-input-default: var(--neutral-550);
  --color-stroke-input-hover: var(--neutral-100);
  --color-stroke-input-active: var(--brand-350);
  --color-stroke-button-secondary-disabled: var(--neutral-850);
  --color-stroke-button-secondary-neutral-default: var(--neutral-550);
  --color-stroke-button-secondary-neutral-hover: var(--neutral-550);
  --color-stroke-button-secondary-neutral-pressed: var(--neutral-400);
  --color-stroke-error: var(--status-error-300);
  --color-border-table: var(--neutral-500);
  --color-navigation-active: var(--brand-350);
  --color-navigation-hover: var(--neutral-950);
  --color-navigation-accent: var(--brand-dark-primary);
  --color-navigation-dark-accent: var(--brand-350);
  --color-navigation-selected: var(--brand-dark-subtle);
  --color-navigation-text-selected: var(--brand-350);
  --color-badge-grass-outline-icon: var(--status-success-300);
  --color-badge-neutral-filled-surface: var(--neutral-950);
  --color-badge-neutral-outline-surface: var(--neutral-1000);
  --color-badge-dark-outline-surface: var(--neutral-550);
  --color-badge-negative-filled-icon: var(--status-error-300);
  --color-badge-negative-outline-icon: var(--status-error-300);
  --color-accordion-content-text: var(--neutral-50);
  --color-carousel-arrow-surface: var(--neutral-950);
  --color-chip-hover-icon: var(--neutral-800);
  --color-chip-hover-stroke: var(--brand-dark-primary);
  --color-file-upload-disabled-surface: var(--neutral-950);
  --color-file-upload-progress: var(--brand-900);
  --color-icon-button-pressed-surface: var(--brand-dark-subtle-pressed);
  --color-icon-button-active-surface: var(--brand-dark-subtle);
  --color-toast-timestamp: var(--neutral-600);
  --color-scrollbar-track: var(--neutral-950);
  --color-scrollbar-thumb-strong: var(--neutral-400);
  --color-skeleton-base: var(--brand-850);
  --color-skeleton-highlight: var(--brand-750);
  --color-table-header-divider: var(--neutral-600);
  --color-table-foreground: var(--neutral-50);
  --color-table-control-inactive: var(--neutral-700);
  --color-table-icon: var(--neutral-50);
  --color-table-border-subtle: var(--neutral-1100);
  --color-table-border: var(--neutral-850);
  --color-table-checkbox-unchecked: var(--neutral-750);
  --color-table-input-border: var(--neutral-850);
  --color-table-input-text: var(--neutral-50);
  --color-table-tool-panel-tab-bar: var(--neutral-1050);
  --color-table-tool-panel-tab-selected: var(--neutral-1050);
  --color-table-tool-panel-surface: var(--neutral-1050);
  --color-table-tool-panel-icon: var(--neutral-1000);
  --color-table-panel-surface: var(--neutral-1000);
  --color-table-header-surface: var(--neutral-1000);
  --color-table-scrollbar-thumb: var(--neutral-850);
  --color-pagination-selected-surface: var(--brand-dark-primary);
  --color-pagination-selected-text: var(--brand-dark-on-primary);
  --color-pagination-surface: var(--neutral-1000);
  --color-pagination-stroke: var(--neutral-750);
  --color-pagination-link-text: var(--link-dark-default);
  --color-pagination-secondary-text: var(--neutral-600);
  --color-pagination-hover-surface: var(--neutral-900);
  --color-pagination-hover-stroke: var(--neutral-900);
  --color-pagination-legacy-text: var(--neutral-250);
  --color-text-button-secondary-default: var(--brand-button-dark-secondary-text);
  --color-text-button-secondary-hover: var(--brand-button-dark-secondary-text-hover);
  --color-text-button-secondary-pressed: var(--brand-button-dark-secondary-text-pressed);
  --color-text-button-secondary-focused: var(--brand-button-dark-secondary-text);
  --color-text-button-tertiary-default: var(--brand-button-dark-tertiary-text);
  --color-text-button-tertiary-hover: var(--brand-button-dark-tertiary-text-hover);
  --color-text-button-tertiary-pressed: var(--brand-button-dark-tertiary-text-pressed);
  --color-text-button-tertiary-focused: var(--brand-button-dark-tertiary-text-focused);
  --color-surface-button-secondary-hover: var(--brand-button-dark-secondary-fill-hover);
  --color-surface-button-secondary-pressed: var(--brand-button-dark-secondary-fill-pressed);
  --color-surface-button-tertiary-default: var(--brand-button-dark-tertiary-fill);
  --color-surface-button-tertiary-hover: var(--brand-button-dark-tertiary-fill-hover);
  --color-surface-button-tertiary-pressed: var(--brand-button-dark-tertiary-fill-pressed);
  --color-surface-button-tertiary-focused: var(--brand-button-dark-tertiary-fill);
  --color-stroke-button-secondary-default: var(--brand-button-dark-secondary-stroke);
  --color-stroke-button-secondary-hover: var(--brand-button-dark-secondary-stroke-hover);
  --color-stroke-button-secondary-pressed: var(--brand-button-dark-secondary-stroke-pressed);
}