/* QuoteCall design tokens.
 * Values are verbatim; light-dark() resolves on `color-scheme: light dark`. Raw colour scales first, then semantic tokens. */
:root {
  color-scheme: light;

  /* --- neutral scale --- */
  --neutral-offWhite: #f7f9fb;
  --neutral-offWhite-rgb: 247,249,251;
  --neutral-10: #eff3f7;
  --neutral-10-rgb: 239,243,247;
  --neutral-25: #eaeff3;
  --neutral-25-rgb: 234,239,243;
  --neutral-50: #e6eaee;
  --neutral-50-rgb: 230,234,238;
  --neutral-75: #dce0e4;
  --neutral-75-rgb: 220,224,228;
  --neutral-100: #cdd1d7;
  --neutral-100-rgb: 205,209,215;
  --neutral-200: #b0b6be;
  --neutral-200-rgb: 176,182,190;
  --neutral-300: #949ca5;
  --neutral-300-rgb: 148,156,165;
  --neutral-400: #838e98;
  --neutral-400-rgb: 131,142,152;
  --neutral-500: #73808c;
  --neutral-500-rgb: 115,128,140;
  --neutral-600: #536573;
  --neutral-600-rgb: 83,101,115;
  --neutral-700: #3f515f;
  --neutral-700-rgb: 63,81,95;
  --neutral-800: #2c3e4c;
  --neutral-800-rgb: 44,62,76;
  --neutral-900: #1e272e;
  --neutral-900-rgb: 25,38,48;
  --neutral-offBlack: #030e16;
  --neutral-offBlack-rgb: 3,14,22;
  --neutral-00: #f7f9fb;
  --neutral-150: #bfc5cd;
  --neutral-850: #2a353e;
  --neutral-950: #232426;

  /* --- cyan scale --- */
  --cyan-digi: #6beeff;
  --cyan-digi-rgb: 107,238,255;
  --cyan-offWhite: #f3fbfe;
  --cyan-offWhite-rgb: 107,238,255;
  --cyan-10: #e1f5fc;
  --cyan-10-rgb: 225,245,252;
  --cyan-25: #cfeffb;
  --cyan-25-rgb: 207,239,251;
  --cyan-50: #bde9fa;
  --cyan-50-rgb: 189,233,250;
  --cyan-75: #a9e3f8;
  --cyan-75-rgb: 169,227,248;
  --cyan-100: #95ddf7;
  --cyan-100-rgb: 149,221,247;
  --cyan-200: #7ed6f6;
  --cyan-200-rgb: 126,214,246;
  --cyan-300: #63d0f5;
  --cyan-300-rgb: 99,208,245;
  --cyan-400: #3ac1eb;
  --cyan-400-rgb: 58,193,235;
  --cyan-500: #19a0d5;
  --cyan-500-rgb: 25,160,213;
  --cyan-600: #007faf;
  --cyan-600-rgb: 0,127,175;
  --cyan-700: #115274;
  --cyan-700-rgb: 17,82,116;
  --cyan-800: #15374c;
  --cyan-800-rgb: 21,55,76;
  --cyan-900: #002033;
  --cyan-900-rgb: 0,32,51;
  --cyan-00: #f3fbfe;

  /* --- brand scale --- */
  --brand-10: #f1faff;
  --brand-25: #e6f3fa;
  --brand-50: #dcf1fc;
  --brand-100: #c5e3f3;
  --brand-200: #b1d9ee;
  --brand-250: #9fcbe2;
  --brand-300: #8bc7e6;
  --brand-400: #55adda;
  --brand-500: #359dd3;
  --brand-600: #0285c8;
  --brand-700: #0279b6;
  --brand-750: #015e8e;
  --brand-800: #01496e;
  --brand-850: #04354f;
  --brand-900: #082b3e;
  --brand-950: #001926;

  /* --- red scale --- */
  --red-digi: #ff6e6e;
  --red-digi-rgb: 255,110,110;
  --red-offWhite: #fff2f0;
  --red-offWhite-rgb: 255,242,240;
  --red-10: #ffdcd7;
  --red-10-rgb: 255,220,215;
  --red-25: #fec7bf;
  --red-25-rgb: 254,199,191;
  --red-50: #fcb1a8;
  --red-50-rgb: 252,177,168;
  --red-75: #f89b92;
  --red-75-rgb: 248,155,146;
  --red-100: #f3847d;
  --red-100-rgb: 243,132,125;
  --red-200: #ed6c69;
  --red-200-rgb: 237,108,105;
  --red-300: #e65255;
  --red-300-rgb: 230,82,85;
  --red-400: #de3243;
  --red-400-rgb: 222,50,67;
  --red-500: #cb2939;
  --red-500-rgb: 203,41,57;
  --red-600: #b01d2b;
  --red-600-rgb: 176,29,43;
  --red-700: #8d162a;
  --red-700-rgb: 141,22,42;
  --red-800: #66132e;
  --red-800-rgb: 102,19,46;
  --red-900: #471327;
  --red-900-rgb: 71,19,39;
  --red-00: #fff2f0;
  --red-1000: #350001;

  /* --- green scale --- */
  --green-digi: #2af29e;
  --green-digi-rgb: 42,242,158;
  --green-offWhite: #f3fcf6;
  --green-offWhite-rgb: 243,252,246;
  --green-10: #dff7e7;
  --green-10-rgb: 223,247,231;
  --green-25: #caf1d9;
  --green-25-rgb: 202,241,217;
  --green-50: #b6ebca;
  --green-50-rgb: 182,235,202;
  --green-75: #a0e5bc;
  --green-75-rgb: 160,229,188;
  --green-100: #89dfae;
  --green-100-rgb: 137,223,174;
  --green-200: #6fd9a1;
  --green-200-rgb: 111,217,161;
  --green-300: #52d393;
  --green-300-rgb: 82,211,147;
  --green-400: #26cc86;
  --green-400-rgb: 38,204,134;
  --green-500: #14ba74;
  --green-500-rgb: 20,186,116;
  --green-600: #249c69;
  --green-600-rgb: 36,156,105;
  --green-700: #1c7c5a;
  --green-700-rgb: 28,124,90;
  --green-800: #145c4a;
  --green-800-rgb: 20,92,74;
  --green-900: #0d3a35;
  --green-900-rgb: 13,58,53;
  --green-00: #f3fcf6;
  --green-650: #108850;
  --green-1000: #112b2d;

  /* --- yellow scale --- */
  --yellow-digi: #ffd959;
  --yellow-digi-rgb: 255,217,89;
  --yellow-offWhite: #fffbf1;
  --yellow-offWhite-rgb: 255,251,241;
  --yellow-10: #fdf2da;
  --yellow-10-rgb: 253,242,218;
  --yellow-25: #fde9c3;
  --yellow-25-rgb: 253,233,195;
  --yellow-50: #fce0ad;
  --yellow-50-rgb: 252,224,173;
  --yellow-75: #fcd696;
  --yellow-75-rgb: 252,214,150;
  --yellow-100: #fdcc81;
  --yellow-100-rgb: 253,204,129;
  --yellow-200: #fdc26b;
  --yellow-200-rgb: 253,194,107;
  --yellow-300: #feb756;
  --yellow-300-rgb: 254,183,86;
  --yellow-400: #ffab40;
  --yellow-400-rgb: 255,171,64;
  --yellow-500: #fb9717;
  --yellow-500-rgb: 251,151,23;
  --yellow-600: #f18313;
  --yellow-600-rgb: 241,131,19;
  --yellow-700: #c35d03;
  --yellow-700-rgb: 195,93,3;
  --yellow-800: #a33d02;
  --yellow-800-rgb: 163,61,2;
  --yellow-900: #6b2405;
  --yellow-900-rgb: 107,36,5;
  --yellow-00: #fffbf1;
  --yellow-950: #461804;
  --yellow-1000: #311b12;

  /* --- violet scale --- */
  --violet-digi: #7777ff;
  --violet-00: #f1f1ff;
  --violet-10: #e4e4ff;
  --violet-25: #d6d6ff;
  --violet-50: #c9c9ff;
  --violet-75: #bbbbff;
  --violet-100: #a7a7ff;
  --violet-200: #9999ff;
  --violet-300: #8b8bff;
  --violet-400: #7777ff;
  --violet-500: #6565d9;
  --violet-600: #5353b2;
  --violet-700: #3e3e85;
  --violet-800: #32326b;
  --violet-900: #212147;
  --violet-offWhite: #f1f1ff;

  /* --- orange scale --- */
  --orange-digi: #ff5500;
  --orange-00: #fff1eb;
  --orange-10: #ffe6d9;
  --orange-25: #ffccb2;
  --orange-50: #ffb28c;
  --orange-75: #ffa173;
  --orange-100: #ff9059;
  --orange-200: #ff8547;
  --orange-300: #ff7733;
  --orange-400: #ff661a;
  --orange-500: #ff5500;
  --orange-600: #e54d00;
  --orange-700: #b23c00;
  --orange-800: #802b00;
  --orange-900: #4d1a00;
  --orange-offWhite: #fff1eb;

  /* --- gray scale --- */
  --gray-00: #fdfefe;
  --gray-10: #f8f9f9;
  --gray-25: #f2f3f3;
  --gray-50: #eaebeb;
  --gray-75: #dce0e4;
  --gray-100: #bfbfc0;
  --gray-150: #a6a9ad;
  --gray-200: #a0a1a2;
  --gray-250: #8d8d8d;
  --gray-300: #757678;
  --gray-400: #5a5b5d;
  --gray-450: #45494c;
  --gray-500: #313235;
  --gray-600: #2d2e30;
  --gray-650: #262728;
  --gray-700: #232426;
  --gray-800: #1b1c1d;
  --gray-900: #151516;

  /* --- slate scale --- */
  --slate-00: #fafafa;
  --slate-50: #f4f4f5;
  --slate-100: #e3e5e8;
  --slate-200: #d2d5da;
  --slate-400: #9da3ae;
  --slate-450: #777d88;
  --slate-500: #6d737e;
  --slate-600: #4e545f;
  --slate-650: #3c424d;
  --slate-700: #2e3238;
  --slate-750: #313640;
  --slate-800: #24282e;
  --slate-850: #1a1d21;
  --slate-900: #181a1e;
  --slate-950: #0e1012;
  --slate-1000: #08090c;

  /* --- blue scale --- */
  --blue-digi: #226ecd;
  --blue-00: #edf3fb;
  --blue-10: #dee9f8;
  --blue-25: #bdd3f0;
  --blue-50: #9cbee9;
  --blue-75: #85afe3;
  --blue-100: #6fa1de;
  --blue-200: #6097db;
  --blue-300: #4e8bd7;
  --blue-400: #4384d5;
  --blue-500: #347ad1;
  --blue-600: #226ecd;
  --blue-700: #1d5eae;
  --blue-800: #184d8f;
  --blue-900: #0f325c;
  --blue-1000: #122740;
  --blue-offWhite: #edf3fb;

  /* --- purple scale --- */
  --purple: #893dcd;
  --purple-rgb: 137,61,205;
  --purple-digi: #893dcd;
  --purple-00: #f6effb;
  --purple-10: #ede2f8;
  --purple-25: #dcc5f0;
  --purple-50: #caa8e9;
  --purple-75: #be94e3;
  --purple-100: #b281de;
  --purple-200: #aa73db;
  --purple-300: #a164d7;
  --purple-400: #9b5ad5;
  --purple-500: #924dd1;
  --purple-600: #893dcd;
  --purple-700: #692f9e;
  --purple-800: #52257b;
  --purple-900: #371852;
  --purple-1000: #251a3b;
  --purple-offWhite: #f6effb;

  /* --- transparent --- */
  --transparent: transparent;

  /* --- white --- */
  --white: #fff;
  --white-rgb: 255,255,255;

  /* --- black --- */
  --black: #000;
  --black-rgb: 0,0,0;

  /* --- boxshadow --- */
  --boxshadow-none: none;
  --boxshadow-elevatedHigh: 0px 2px 1px #0000001f, 0px 4px 10px #0000004d;
  --boxshadow-elevatedMedium: 0px 2px 1px #0000001f, 0px 1px 3px #0003;
  --boxshadow-elevatedLow: 0px 2px 1px -1px #0000001f, 0px 1px 3px #0003;
  --boxshadow-active: 0 0 4px #98e2f8;
  --boxshadow-error: 0 0 4px #e48d8d;

  /* --- cobalt --- */
  --cobalt-blue: #226ecd;
  --cobalt-blue-rgb: 34,110,205;

  /* --- color --- */
  --color-background-base: #f7f9fb;
  --color-background-body: light-dark(#fff, #181a1e);
  --color-background-item-selected: #e1f5fc;
  --color-background-item-hover: #eff3f7;
  --color-background-nav: #f7f9fb;
  --color-nav-icon: #030e16;
  --color-text-base: #030e16;
  --color-text-inverted: #fff;
  --color-text-inverted-alt: #eff3f7;
  --color-text-secondary: light-dark(#536573, #9da3ae);
  --color-text-secondary-alt: #3f515f;
  --color-background-table-bulk-bar: #e1f5fc;
  --color-background-table-header: #eff3f7;
  --color-border-table: #eff3f7;
  --color-background-table-header-hover: #e6eaee;
  --color-background-chip: #e6eaee;
  --color-primary: #007faf;
  --color-primary-hover: #15374c;
  --color-primary-active: #115274;
  --color-secondary-hover: #e6eaee;
  --color-secondary-active: #eaeff3;
  --color-alert: #b01d2b;
  --color-alert-hover: #66132e;
  --color-alert-active: #8d162a;
  --color-disabled: light-dark(#b0b6be, #5a5b5d);
  --color-disabled-alt: #cdd1d7;
  --color-inverted: #1e272e;
  --color-inverted-hover: #2c3e4c;
  --color-inverted-active: #3f515f;
  --color-input-border: light-dark(#bfc5cd, #838e98);
  --color-border: #838e98;
  --color-focus: light-dark(#0285c8, #359dd3);
  --color-download: #0fb4b4;
  --color-upload: #6565d9;
  --color-background-back: light-dark(#f7f9fb, #0e1012);
  --color-background-back-hover: light-dark( #dce0e4, #232426 );
  --color-background-back-active: light-dark( #cdd1d7, #2c3e4c );
  --color-background-back-selected: light-dark( #dcf1fc, #01496e );
  --color-background-back-selected-hover: light-dark( #dcf1fc, #0279b6 );
  --color-background-back-shade: light-dark( #e6eaee, #24282e );
  --color-text-back: light-dark(#030e16, #b0b6be);
  --color-divider-back: light-dark(#eaeff3, #24282e);
  --color-shadow-border-back: light-dark( light-dark(#f7f9fb, #0e1012), #313640 );
  --color-background-front: light-dark(#fff, #181a1e);
  --color-background-front-hover: light-dark( #eaeff3, #313640 );
  --color-background-front-active: light-dark( #dce0e4, #2a353e );
  --color-background-front-selected: light-dark( #dcf1fc, #04354f );
  --color-background-front-selected-hover: light-dark( #c5e3f3, #01496e );
  --color-background-front-shade: light-dark( #e6eaee, #24282e );
  --color-text-front: light-dark(#2c3e4c, #cdd1d7);
  --color-divider-front: light-dark(#e6eaee, #3c424d);
  --color-shadow-border-front: light-dark( light-dark(#fff, #181a1e), #2e3238 );
  --color-background: light-dark(#fff, #181a1e);
  --color-background-shade: light-dark( #e6eaee, #24282e );
  --color-background-overlay: light-dark( rgb(from #3f515f r g b / 0.7), rgb(from #0e1012 r g b / 0.7) );
  --color-background-error: light-dark(#fec7bf, #471327);
  --color-background-caution: light-dark(#ffe6d9, #4d1a00);
  --color-background-warning: light-dark(#fde9c3, #6b2405);
  --color-background-ok: light-dark(#dff7e7, #0d3a35);
  --color-background-info: light-dark(#cfeffb, #115274);
  --color-background-accent: light-dark(#f3fbfe, #002033);
  --color-background-inverse: light-dark( #2c3e4c, #b0b6be );
  --color-background-contrast: #030e16;
  --color-background-contrast-overlay: rgb( from #030e16 r g b / 0.7 );
  --color-text: light-dark(#2c3e4c, #cdd1d7);
  --color-text-emphasis: light-dark( #030e16, #f7f9fb );
  --color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --color-text-placeholder: light-dark(#73808c, #838e98);
  --color-text-error: light-dark(#cb2939, #e65255);
  --color-text-ok: light-dark(#1c7c5a, #52d393);
  --color-text-warning: light-dark(#c35d03, #feb756);
  --color-text-caution: light-dark(#b23c00, #ff7733);
  --color-text-info: light-dark(#115274, #63d0f5);
  --color-text-inverse: light-dark(#fff, #1e272e);
  --color-text-contrast: #fff;
  --color-border-error: light-dark(#f3847d, #8d162a);
  --color-border-warning: light-dark(#fdc26b, #c35d03);
  --color-border-ok: light-dark(#89dfae, #1c7c5a);
  --color-border-info: light-dark(#95ddf7, #115274);
  --color-attention: #0285c8;
  --color-error: #cb2939;
  --color-caution: light-dark(#ff8547, #ff5500);
  --color-warning: light-dark(#ffab40, #f18313);
  --color-ok: #14ba74;
  --color-info: #19a0d5;
  --color-on: light-dark(#536573, #3f515f);
  --color-off: light-dark(#b0b6be, #2c3e4c);
  --color-ai: light-dark(#924dd1, #9b5ad5);
  --color-shadow-xsmall: 0px 1px 2px rgb(0, 0, 0, 0.2);
  --color-shadow-small: 0px 2px 1px rgb(0, 0, 0, 0.12),0px 1px 3px rgb(0, 0, 0, 0.2);
  --color-shadow-medium: 0px 1px 6px rgb(0, 0, 0, 0.2);
  --color-shadow-large: 0px 4px 20px rgb(0, 0, 0, 0.1);
  --color-shadow-xlarge: 0px 2px 40px rgb(0, 0, 0, 0.4);
  --color-shadow-contrast: 0px 2px 4px rgb(0, 0, 0, 0.5);
  --color-shadow-contrast-inset: inset 0px 1px 6px rgb(0, 0, 0, 0.5);
  --color-drop-shadow-small: drop-shadow(0px 1px 3px rgb(0, 0, 0, 0.2)) drop-shadow(0px 2px 1px rgb(0, 0, 0, 0.12));
  --color: light-dark(#2c3e4c, #cdd1d7);
  --color-background-hover: light-dark( #eaeff3, #313640 );
  --color-background-active: light-dark( #dce0e4, #2a353e );
  --color-background-selected: light-dark( #dcf1fc, #04354f );
  --color-background-selected-hover: light-dark( #c5e3f3, #01496e );
  --color-divider: light-dark(#e6eaee, #3c424d);
  --color-shadow-border: light-dark( light-dark(#fff, #181a1e), #2e3238 );

  /* --- teal --- */
  --teal-digi: #11cccc;
  --teal-00: #ecfbfb;
  --teal-10: #dbf7f7;
  --teal-25: #b8f0f0;
  --teal-50: #94e8e8;
  --teal-75: #70e0e0;
  --teal-100: #54dada;
  --teal-200: #32d3d3;
  --teal-300: #11cccc;
  --teal-400: #10c0c0;
  --teal-500: #0fb4b4;
  --teal-600: #0d9999;
  --teal-700: #0a7a7a;
  --teal-800: #085c5c;
  --teal-900: #042d2d;
  --teal-offWhite: #ecfbfb;

  /* --- link --- */
  --link-primary-color-text: light-dark(#0285c8, #55adda);
  --link-primary-color-text-hover: #0285c8;
  --link-primary-color-text-active: light-dark( #232426, #55adda );
  --link-secondary-color-text: light-dark( #232426, #f7f9fb );
  --link-secondary-color-text-hover: light-dark( #232426, #b0b6be );
  --link-secondary-color-text-active: light-dark( #030e16, #949ca5 );
  --link-alert-color-text: light-dark(#cb2939, #e65255);
  --link-alert-color-text-hover: light-dark(#cb2939, #de3243);
  --link-alert-color-text-active: light-dark(#cb2939, #de3243);
  --link-disabled-color-text: light-dark(#b0b6be, #45494c);

  /* --- button --- */
  --button-primary-color-background: #0285c8;
  --button-primary-hover-color-background: light-dark( #015e8e, #55adda );
  --button-primary-active-color-background: #01496e;
  --button-primary-disabled-color-background: light-dark( #cdd1d7, #2d2e30 );
  --button-primary-busy-color-background: light-dark( #015e8e, #01496e );
  --button-primary-focus-color-background: #0285c8;
  --button-primary-color-text: #fff;
  --button-primary-disabled-color-text: light-dark( #fff, #757678 );
  --button-secondary-color-background: transparent;
  --button-secondary-hover-color-background: light-dark( #eaeff3, #2c3e4c );
  --button-secondary-active-color-background: light-dark( #eaeff3, #1e272e );
  --button-secondary-disabled-color-background: transparent;
  --button-secondary-busy-color-background: light-dark( #eaeff3, #1e272e );
  --button-secondary-focus-color-background: transparent;
  --button-secondary-color-text: light-dark( #232426, #cdd1d7 );
  --button-secondary-disabled-color-text: light-dark( #b0b6be, #757678 );
  --button-secondary-color-border: light-dark( #838e98, #3f515f );
  --button-secondary-disabled-color-border: light-dark( #b0b6be, #313235 );
  --button-tertiary-color-text: light-dark(#232426, #fff);
  --button-tertiary-disabled-color-text: light-dark( #b0b6be, #757678 );
  --button-tertiary-hover-color-border: light-dark( #838e98, #536573 );
  --button-tertiary-active-color-border: light-dark( #359dd3, #0285c8 );
  --button-transparent-color-background: transparent;
  --button-transparent-hover-color-background: light-dark( #e6eaee, #2a353e );
  --button-transparent-active-color-background: light-dark( #eaeff3, #2c3e4c );
  --button-transparent-disabled-color-background: transparent;
  --button-transparent-busy-color-background: light-dark( #eaeff3, #2a353e );
  --button-transparent-focus-color-background: transparent;
  --button-transparent-color-text: light-dark( #232426, #e6eaee );
  --button-transparent-disabled-color-text: light-dark( #b0b6be, #5a5b5d );
  --button-alert-color-background: #cb2939;
  --button-alert-hover-color-background: #8d162a;
  --button-alert-active-color-background: #cb2939;
  --button-alert-disabled-color-background: light-dark( #b0b6be, #2d2e30 );
  --button-alert-busy-color-background: #cb2939;
  --button-alert-focus-color-background: #cb2939;
  --button-alert-color-text: #fff;
  --button-alert-disabled-color-text: light-dark(#fff, #757678);
  --button-alert-secondary-color-background: transparent;
  --button-alert-secondary-hover-color-background: light-dark( #ffdcd7, #471327 );
  --button-alert-secondary-active-color-background: light-dark( #fff2f0, #66132e );
  --button-alert-secondary-disabled-color-background: transparent;
  --button-alert-secondary-busy-color-background: #fff2f0;
  --button-alert-secondary-focus-color-background: transparent;
  --button-alert-secondary-color-text: light-dark( #cb2939, #e65255 );
  --button-alert-secondary-disabled-color-text: light-dark( #b0b6be, #5a5b5d );
  --button-alert-secondary-color-border: light-dark( #cb2939, #e65255 );
  --button-alert-secondary-disabled-color-border: light-dark( #b0b6be, #313235 );
  --button-floating-color-background: light-dark( #fff, #2a353e );
  --button-floating-hover-color-background: light-dark( #e6eaee, #2c3e4c );
  --button-floating-active-color-background: light-dark( #eaeff3, #3f515f );
  --button-floating-disabled-color-background: light-dark( #fff, #2d2e30 );
  --button-floating-busy-color-background: light-dark( #eaeff3, #2c3e4c );
  --button-floating-focus-color-background: light-dark( #fff, #2a353e );
  --button-floating-color-text: light-dark( #030e16, #fff );
  --button-floating-disabled-color-text: light-dark( #b0b6be, #757678 );
  --button-overlay-color-background: rgb(from #000 r g b / 0.65);
  --button-overlay-hover-color-background: #2c3e4c;
  --button-overlay-active-color-background: #3f515f;
  --button-overlay-disabled-color-background: rgb( from #000 r g b / 0.65 );
  --button-overlay-busy-color-background: #3f515f;
  --button-overlay-focus-color-background: rgb(from #000 r g b / 0.65);
  --button-overlay-color-text: #fff;
  --button-overlay-disabled-color-text: #b0b6be;
  --button-tertiary-color-background: light-dark( #eff3f7, #313640 );
  --button-tertiary-hover-color-background: light-dark( #eff3f7, #1e272e );
  --button-tertiary-active-color-background: light-dark( #bde9fa, #63d0f5 );
  --button-tertiary-disabled-color-background: light-dark( #eff3f7, #2d2e30 );
  --button-tertiary-busy-color-background: light-dark( #eff3f7, #2a353e );
  --button-tertiary-focus-color-background: light-dark( #eff3f7, #2a353e );

  /* --- banner --- */
  --banner-error-color-background: #de3243;
  --banner-error-color-text: #fff;
  --banner-warning-color-background: light-dark( #ffab40, #feb756 );
  --banner-warning-color-text: #030e16;
  --banner-success-color-background: #26cc86;
  --banner-success-color-text: #030e16;
  --banner-info-color-background: #3ac1eb;
  --banner-info-color-text: #030e16;

  /* --- badge --- */
  --badge-grey-color-background: light-dark(#3b3e3e, #3b3e3e);
  --badge-blue-color-background: light-dark(#3985d1, #3985d1);
  --badge-green-color-background: light-dark(#1aa05d, #239a4c);
  --badge-yellow-color-background: light-dark(#ffd559, #ffb659);
  --badge-red-color-background: light-dark(#e6322d, #ca2939);
  --badge-purple-color-background: light-dark(#924fce, #944dd3);
  --badge-teal-color-background: light-dark(#0a9090, #0a9090);
  --badge-neutral-color-background: light-dark(#536573, #576978);
  --badge-grey-secondary-color-background: light-dark(#eaeff3, #28333b);
  --badge-blue-secondary-color-background: light-dark(#cfeffb, #165a7c);
  --badge-green-secondary-color-background: light-dark(#dff7e7, #0f5038);
  --badge-yellow-secondary-color-background: light-dark(#fde9c3, #5a3900);
  --badge-red-secondary-color-background: light-dark(#fec7bf, #5c0214);
  --badge-purple-secondary-color-background: light-dark(#dcc5f0, #4d2471);
  --badge-teal-secondary-color-background: light-dark(#b8f0f0, #084242);
  --badge-neutral-secondary-color-background: light-dark(#cdd1d7, #455562);
  --badge-color-text: #fff;
  --badge-yellow-color-text: light-dark(#452111, #1c0c05);
  --badge-grey-secondary-color-text: light-dark(#3f515f, #e6eaee);
  --badge-blue-secondary-color-text: light-dark(#115274, #dff6ff);
  --badge-green-secondary-color-text: light-dark(#1c7c5a, #dcfff2);
  --badge-yellow-secondary-color-text: light-dark(#a33d02, #ffe9c8);
  --badge-red-secondary-color-text: light-dark(#66132e, #ffc2bc);
  --badge-purple-secondary-color-text: light-dark(#692f9e, #edd9ff);
  --badge-teal-secondary-color-text: light-dark(#085c5c, #cfffff);
  --badge-neutral-secondary-color-text: light-dark(#3f515f, #f0f8ff);
  --badge-overlay-color-background: rgb( from #030e16 r g b / 0.7 );
  --badge-status-dark-color-background: rgb( from #030e16 r g b / 0.7 );
  --badge-status-light-color-background: #eaeff3;
  --badge-status-light-color-text: #030e16;

  /* --- drop --- */
  --drop-pin-grey-color-background: light-dark( #1e272e, #e6eaee );
  --drop-pin-neutral-color-background: #536573;
  --drop-pin-cyan-color-background: #007faf;
  --drop-pin-green-color-background: #1c7c5a;
  --drop-pin-yellow-color-background: #ffab40;
  --drop-pin-red-color-background: #cb2939;
  --drop-pin-color-text: #fff;
  --drop-pin-grey-color-text: light-dark(#fff, #030e16);

  /* --- message --- */
  --message-error-color-background: light-dark(#fff2f0, #ffdcd7);
  --message-warning-color-background: light-dark( #fffbf1, #fde9c3 );
  --message-info-color-background: light-dark(#f3fbfe, #cfeffb);
  --message-ok-color-background: light-dark(#f3fcf6, #b6ebca);
  --message-error-color-border: light-dark( #f3847d, light-dark(#fff2f0, #ffdcd7) );
  --message-warning-color-border: light-dark( #fdc26b, light-dark( #fffbf1, #fde9c3 ) );
  --message-ok-color-border: light-dark( #6fd9a1, light-dark(#f3fcf6, #b6ebca) );
  --message-info-color-border: light-dark( #7ed6f6, light-dark(#f3fbfe, #cfeffb) );
  --message-error-color-icon: #cb2939;
  --message-warning-color-icon: light-dark( #fb9717, #c35d03 );
  --message-ok-color-icon: light-dark(#14ba74, #1c7c5a);
  --message-info-color-icon: light-dark(#19a0d5, #007faf);
  --message-toast-error-color-background: light-dark( #ffdcd7, #fec7bf );
  --message-toast-warning-color-background: light-dark( #fdf2da, #fce0ad );
  --message-toast-success-color-background: light-dark( #dff7e7, #b6ebca );
  --message-toast-info-color-background: light-dark( #e1f5fc, #bde9fa );
  --message-toast-error-color-icon: light-dark(#de3243, #cb2939);
  --message-toast-warning-color-icon: light-dark( #ffab40, #f18313 );
  --message-toast-success-color-icon: light-dark( #14ba74, #249c69 );
  --message-toast-info-color-icon: light-dark(#19a0d5, #007faf);
  --message-toast-color-shadow: 0 1px 6px -1px rgb(0, 0, 0, 0.08),0 1px 3px 0 rgb(0, 0, 0, 0.2);
  --message-color-text: #030e16;

  /* --- tooltip --- */
  --tooltip-color-background: light-dark(#536573, #2e3238);
  --tooltip-color-text: #fff;
  --tooltip-color-border: light-dark(#536573, #4e545f);
  --tooltip-color-shadow: light-dark( transparent, rgb(from #000 r g b / 0.25) );
  --tooltip-blurb-color-background: light-dark(#fff, #2e3238);
  --tooltip-blurb-color-text: light-dark(#536573, #fff);
  --tooltip-blurb-color-border: light-dark(#fff, #4e545f);
  --tooltip-blurb-color-shadow: light-dark( rgb(from #000 r g b / 0.2), rgb(from #000 r g b / 0.25) );
  --tooltip-blurb-color-shadow-2: light-dark( rgb(from #000 r g b / 0.08), transparent );
  --tooltip-blurb-filter: drop-shadow( 0px 1px 6px light-dark( rgb(from #000 r g b / 0.08), transparent ) ) drop-shadow(0px 1px 3px light-dark( rgb(from #000 r g b / 0.2), rgb(from #000 r g b / 0.25) ));

  /* --- checkbox --- */
  --checkbox-color-background: transparent;
  --checkbox-color-background-hover: light-dark( #e6eaee, #2a353e );
  --checkbox-color-background-active: light-dark( #eaeff3, #1e272e );
  --checkbox-color-background-disabled: light-dark( #b0b6be, #45494c );
  --checkbox-color-background-checked: light-dark( #536573, #0285c8 );
  --checkbox-color-background-checked-hover: light-dark( #232426, #01496e );
  --checkbox-color-background-checked-active: light-dark( #3f515f, #359dd3 );
  --checkbox-color-background-alert: transparent;
  --checkbox-color-background-alert-hover: light-dark( #ffdcd7, #350001 );
  --checkbox-color-background-alert-active: light-dark( #fff2f0, #471327 );
  --checkbox-color-background-alert-checked: #cb2939;
  --checkbox-color-background-alert-checked-hover: #8d162a;
  --checkbox-color-background-alert-checked-active: #cb2939;
  --checkbox-color-border: light-dark(#536573, #6d737e);
  --checkbox-color-border-disabled: light-dark( #b0b6be, #45494c );
  --checkbox-color-border-alert: light-dark(#cb2939, #8d162a);
  --checkbox-border-width: 1px;

  /* --- radio --- */
  --radio-color-background: light-dark(#fff, transparent);
  --radio-color-background-hover: light-dark( #e6eaee, #73808c );
  --radio-color-background-disabled: light-dark( #e6eaee, #8d8d8d );
  --radio-color-background-error: transparent;
  --radio-color-background-error-hover: light-dark( #fcb1a8, #471327 );
  --radio-color-dot: light-dark(#536573, #b0b6be);
  --radio-color-dot-hover: #2c3e4c;
  --radio-color-dot-disabled: light-dark(#b0b6be, #45494c);
  --radio-color-dot-error: light-dark(#b01d2b, #de3243);
  --radio-color-dot-error-hover: light-dark(#66132e, #de3243);
  --radio-color-border: light-dark(#536573, #b0b6be);
  --radio-color-border-hover: #2c3e4c;
  --radio-color-border-disabled: light-dark( #b0b6be, #45494c );
  --radio-color-border-error: light-dark(#b01d2b, #de3243);
  --radio-color-border-error-hover: #66132e;
  --radio-border-width: 1.5px;

  /* --- toggle --- */
  --toggle-color-background: light-dark(#eaeff3, #24282e);
  --toggle-color-background-hover: light-dark( #e6eaee, #2e3238 );
  --toggle-color-background-disabled: light-dark( #cdd1d7, #2d2e30 );
  --toggle-color-background-active: light-dark( #e6eaee, #2e3238 );
  --toggle-color-background-selected: light-dark(#fff, #45494c);
  --toggle-color-background-selected-disabled: light-dark( #fff, #45494c );
  --toggle-color-text: light-dark(#3f515f, #dce0e4);
  --toggle-color-text-selected: light-dark(#1e272e, #fff);
  --toggle-color-text-disabled: light-dark(#b0b6be, #757678);
  --toggle-color-text-selected-disabled: light-dark( #cdd1d7, #8d8d8d );
  --toggle-color-icon: light-dark(#536573, #cdd1d7);
  --toggle-color-icon-selected: light-dark(#1e272e, #fff);
  --toggle-color-icon-disabled: light-dark(#b0b6be, #5a5b5d);
  --toggle-color-icon-selected-disabled: light-dark( #cdd1d7, #8d8d8d );

  /* --- switch --- */
  --switch-color-background-off: transparent;
  --switch-color-background-on: #0285c8;
  --switch-color-background-on-hover: light-dark( #015e8e, #01496e );
  --switch-color-background-on-active: light-dark( #0279b6, #015e8e );
  --switch-color-background-on-disabled: light-dark( #8bc7e6, #01496e );
  --switch-color-background-on-focus: #0285c8;
  --switch-thumb-color-background-off: light-dark( #536573, #e6eaee );
  --switch-thumb-color-background-off-hover: #838e98;
  --switch-thumb-color-background-off-active: #838e98;
  --switch-thumb-color-background-off-disabled: light-dark( #b0b6be, #536573 );
  --switch-thumb-color-background-off-focus: light-dark( #536573, #e6eaee );
  --switch-thumb-color-background-on: #fff;
  --switch-thumb-color-background-on-hover: #e6eaee;
  --switch-thumb-color-background-on-active: #eaeff3;
  --switch-thumb-color-background-on-disabled: light-dark( #fff, #838e98 );
  --switch-thumb-color-background-on-focus: #fff;
  --switch-color-border-off: light-dark(#838e98, #536573);
  --switch-color-border-off-hover: light-dark( #b0b6be, #536573 );
  --switch-color-border-off-active: #73808c;
  --switch-color-border-off-disabled: light-dark( #dce0e4, #3f515f );
  --switch-color-border-off-focus: #838e98;
  --switch-color-border-on: transparent;

  /* --- slider --- */
  --slider-color-off: light-dark(#b0b6be, #45494c);
  --slider-color-on: light-dark(#030e16, #f2f3f3);
  --slider-color-off-disabled: light-dark(#dce0e4, #313235);
  --slider-color-on-disabled: light-dark(#b0b6be, #45494c);
  --slider-color-text: light-dark(#2c3e4c, #cdd1d7);
  --slider-limits-color-text: light-dark(#536573, #9da3ae);

  /* --- menu --- */
  --menu-color-background: light-dark(#fff, #181a1e);
  --menu-color-background-hover: light-dark( #eaeff3, #313640 );
  --menu-color-background-active: light-dark( #dce0e4, #2a353e );
  --menu-color-background-selected: light-dark( #dcf1fc, #04354f );
  --menu-color-background-selected-hover: light-dark( #c5e3f3, #01496e );
  --menu-color-divider: light-dark(#e6eaee, #3c424d);
  --menu-color-text: light-dark(#2c3e4c, #cdd1d7);
  --menu-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --menu-title-color-text: light-dark(#536573, #9da3ae);
  --menu-button-color-text: #0285c8;
  --menu-color-outline: light-dark(#e6eaee, #3c424d);

  /* --- list --- */
  --list-color-divider: light-dark(#e6eaee, #3c424d);
  --list-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --list-color-background-hover: light-dark( #eaeff3, #313640 );

  /* --- grid --- */
  --grid-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --grid-color-background-hover: light-dark( #eaeff3, #313640 );
  --grid-color-background-active: light-dark( #dcf1fc, #04354f );

  /* --- table --- */
  --table-color-background: light-dark(#fff, #181a1e);
  --table-color-divider: light-dark(#e6eaee, #3c424d);
  --table-color-background-hover: light-dark( #eaeff3, #313640 );
  --table-color-background-active: light-dark( #dcf1fc, #04354f );
  --table-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --table-header-color-background: light-dark( #eff3f7, #24282e );
  --table-header-color-background-hover: light-dark( #dce0e4, #313640 );

  /* --- tabs --- */
  --tabs-color-background-hover: light-dark( #eaeff3, #313640 );
  --tabs-color-background-active: light-dark( #dce0e4, #2a353e );
  --tabs-color-text: light-dark(#536573, #9da3ae);
  --tabs-color-text-selected: light-dark( #030e16, #f7f9fb );
  --tabs-rounding: 3px;

  /* --- tag --- */
  --tag-color-background: light-dark(#eaeff3, #45494c);
  --tag-color-background-hover: light-dark(#dce0e4, #45494c);
  --tag-color-background-active: light-dark( #cdd1d7, #757678 );
  --tag-color-background-disabled: light-dark( #dce0e4, #2d2e30 );
  --tag-color-text: light-dark(#030e16, #fdfefe);
  --tag-color-text-disabled: light-dark(#536573, #a0a1a2);
  --tag-color-border: light-dark(#dce0e4, transparent);
  --tag-color-border-hover: light-dark(#536573, #5a5b5d);
  --tag-color-border-active: light-dark(#536573, #a0a1a2);
  --tag-button-color-background: light-dark(#eaeff3, #45494c);
  --tag-button-color-background-hover: light-dark( #cdd1d7, #232426 );
  --tag-button-color-background-active: light-dark( #dce0e4, #232426 );
  --tag-button-color-background-focus: light-dark( #cdd1d7, #b0b6be );

  /* --- field --- */
  --field-color-text: light-dark(#030e16, #cdd1d7);
  --field-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --field-color-text-error: light-dark(#b01d2b, #ed6c69);
  --field-color-text-error-hover: light-dark(#b01d2b, #e65255);
  --field-color-border: light-dark(#bfc5cd, #838e98);
  --field-color-border-hover: light-dark( #536573, #2c3e4c );
  --field-color-border-disabled: light-dark( #b0b6be, #45494c );
  --field-color-border-focus: light-dark(#0285c8, #55adda);
  --field-color-border-error: light-dark(#b01d2b, #e65255);
  --field-color-border-error-hover: light-dark(#de3243, #e65255);
  --field-label-color-text: light-dark(#536573, #bfc5cd);
  --field-label-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --field-placeholder-color-text: light-dark( #73808c, #838e98 );
  --field-placeholder-color-text-hover: light-dark( #3f515f, #949ca5 );
  --field-placeholder-color-text-disabled: light-dark(#b0b6be, #5a5b5d);
  --field-color-caret: light-dark(#0285c8, #359dd3);

  /* --- date --- */
  --date-selector-header-color-text: light-dark( #030e16, #f7f9fb );
  --date-selector-container-color-background: light-dark(#fff, #181a1e);
  --date-selector-day-name-color-text: light-dark( #232426, #e6eaee );
  --date-selector-day-color-background-hover: light-dark( #e6eaee, #4e545f );
  --date-selector-day-color-text: light-dark( #3f515f, #dce0e4 );
  --date-selector-day-color-background-selected: #0285c8;
  --date-selector-day-color-text-selected: #fff;
  --date-selector-day-color-text-disabled: light-dark( #dce0e4, #3c424d );
  --date-selector-day-color-background-keyboard-selected: light-dark( #dcf1fc, #04354f );
  --date-selector-day-in-range-color-background-selected: light-dark( #e6f3fa, #2e3238 );
  --date-selector-day-today-color-text: light-dark( #fff, #030e16 );
  --date-selector-day-today-color-background: light-dark( #3f515f, #d2d5da );
  --date-selector-day-today-outside-month-color-background: #949ca5;
  --date-selector-day-outside-month-color-text: light-dark( #838e98, #949ca5 );

  /* --- skeleton --- */
  --skeleton-glow-color-1: light-dark(#eff3f7, #2e3238);
  --skeleton-glow-color-2: light-dark(#e6eaee, #181a1e);
  --skeleton-glow-color-3: light-dark(#eaeff3, #24282e);
  --skeleton-shine-color: light-dark(#eff3f7, #24282e);
  --skeleton-shine-background-color: light-dark( #e6eaee, #181a1e );

  /* --- progress --- */
  --progress-bar-color-track-background: light-dark( #dce0e4, #536573 );
  --progress-bar-color-fill-background: #19a0d5;

  /* --- avatar --- */
  --avatar-color-background: light-dark(#e6eaee, #313640);
  --avatar-color-border: light-dark(#cfeffb, #01496e);
  --avatar-color-text: light-dark(#536573, #f2f3f3);

  /* --- chart --- */
  --chart-axis-line-color: #cdd1d7;
  --chart-tick-color: #cdd1d7;
  --chart-grid-line-color: #cdd1d7;
  --chart-minor-grid-line-color: #e6eaee;
  --chart-categorical-1-color: light-dark(#0285c8, #359dd3);
  --chart-categorical-2-color: light-dark(#893dcd, #924dd1);
  --chart-categorical-4-color: light-dark(#7777ff, #8b8bff);
  --chart-categorical-5-color: light-dark(#115274, #19a0d5);
  --chart-categorical-6-color: light-dark(#a164d7, #a164d7);
  --chart-categorical-7-color: light-dark(#359dd3, #8bc7e6);
  --chart-categorical-8-color: light-dark( #73808c, #838e98 );
  --chart-sequential-1-color: light-dark(#dee9f8, #184d8f);
  --chart-sequential-2-color: light-dark(#9cbee9, #1d5eae);
  --chart-sequential-3-color: light-dark(#6fa1de, #226ecd);
  --chart-sequential-4-color: light-dark(#6097db, #347ad1);
  --chart-sequential-5-color: light-dark(#4e8bd7, #4e8bd7);
  --chart-sequential-6-color: light-dark(#347ad1, #6097db);
  --chart-sequential-7-color: light-dark(#226ecd, #6fa1de);
  --chart-sequential-8-color: light-dark(#1d5eae, #9cbee9);
  --chart-sequential-9-color: light-dark(#184d8f, #dee9f8);
  --chart-diverging-neg-4-color: light-dark(#b01d2b, #cb2939);
  --chart-diverging-neg-3-color: light-dark(#de3243, #e65255);
  --chart-diverging-neg-2-color: light-dark(#ed6c69, #ed6c69);
  --chart-diverging-neg-1-color: light-dark(#f89b92, #f3847d);
  --chart-diverging-mid-color: light-dark( #dce0e4, #838e98 );
  --chart-diverging-pos-1-color: light-dark(#9cbee9, #6fa1de);
  --chart-diverging-pos-2-color: light-dark(#4e8bd7, #4e8bd7);
  --chart-diverging-pos-3-color: light-dark(#226ecd, #347ad1);
  --chart-diverging-pos-4-color: light-dark(#184d8f, #1d5eae);
  --chart-status-success-color: light-dark(#249c69, #249c69);
  --chart-status-warning-color: light-dark( #c35d03, #c35d03 );
  --chart-status-danger-color: light-dark(#de3243, #cb2939);
  --chart-status-neutral-color: light-dark( #838e98, #838e98 );

  /* --- spacing --- */
  --spacing-xxsmall: 2px;
  --spacing-xsmall: 4px;
  --spacing-small: 8px;
  --spacing-medium: 12px;
  --spacing-large: 16px;
  --spacing-xlarge: 24px;
  --spacing-xxlarge: 48px;
  --spacing-none: 0;

  /* --- rounding --- */
  --rounding-xsmall: 4px;
  --rounding-small: 6px;
  --rounding-medium: 8px;
  --rounding-large: 12px;
  --rounding-xlarge: 16px;
  --rounding-xxlarge: 24px;
  --rounding-none: 0;
  --rounding-full: 99999px;

  /* --- content --- */
  --content-size-120: 120px;
  --content-size-240: 240px;
  --content-size-360: 360px;
  --content-size-480: 480px;
  --content-size-720: 720px;
  --content-size-960: 960px;
  --content-size-1440: 1440px;
  --content-size-1920: 1920px;

  /* --- z --- */
  --z-index-tooltip: 10;
  --z-index-popover: 8;
  --z-index-modal: 6;
  --z-index-header: 4;
  --z-index-base: 0;

  /* --- verity --- */
  --verity-icon-color: #fff;
}