:root,
:host,
cbt-modal {
  /* var.fds */
	--fds-header: linear-gradient(0deg, #0067B9 0%, #1a76c0 100%);
	--fds-header-interaction-medium: #1a76c0;
	--fds-header-interaction-high: #005da7;
	--fds-on-header: #ffffff;
	--fds-primary: #0067B9;
	--fds-primary-interaction-low: #e6f0f8;
	--fds-primary-interaction-medium: #1a76c0;
	--fds-on-primary: #ffffff;
	--fds-secondary: #FD9E02;
	--fds-secondary-interaction-low: #fff5e6;
	--fds-secondary-interaction-medium: #fdb135;
	--fds-on-secondary: #ffffff;
	--fds-tertiary: #85AF9A;
	--fds-tertiary-interaction-low: #f3f7f5;
	--fds-tertiary-interaction-medium: #9dbfae;
	--fds-on-tertiary: #000000de;
	--fds-success: #00AA41;
	--fds-success-surface: #D8F2D7;
	--fds-on-success: #000000;
	--fds-on-success-alternate: #ffffff;
	--fds-alert: #FAA200;
	--fds-alert-surface: #FCE7D7;
	--fds-on-alert: #000000;
	--fds-on-alert-alternate: #ffffff;
	--fds-info: #608DF2;
	--fds-info-surface: #E3E8FF;
	--fds-on-info: #000000;
	--fds-on-info-alternate: #ffffff;
	--fds-error: #F9554D;
	--fds-error-surface: #FFE0E8;
	--fds-on-error: #000000;
	--fds-on-error-alternate: #ffffff;
	--fds-background: #ffffff;
	--fds-on-background: #000000de;
	--fds-surface: #F4F5F5;
	--fds-surface-variant: #ffffff;
	--fds-surface-accent: #e6f0f8;
	--fds-on-surface-hi: #000000de;
	--fds-on-surface-m: #00000099;
	--fds-on-surface-low: #00000061;
	--fds-on-surface-ulow: #0000000d;
	--fds-on-surface-color: #0067B9;
	--fds-alternate-surface: #34435C;
	--fds-alternate-surface-variant: #34435C;
	--fds-alternate-surface-nav: #34435C;
	--fds-alternate-overlay: linear-gradient(0deg, rgba(52, 67, 92, 1) 0%, rgba(52, 67, 92, 0) 100%);
	--fds-alternate-overlay-variant: linear-gradient(90deg, rgba(52, 67, 92, 1) 0%, rgba(52, 67, 92, 0) 100%);
	--fds-on-alternate-surface-hi: #ffffff;
	--fds-on-alternate-surface-m: #ffffffde;
	--fds-on-alternate-surface-low: #ffffff99;
	--fds-on-alternate-surface-ulow: rgba(255,255,255,0.15);
	--fds-on-alternate-surface-nav-color: #66a4d5;
	--fds-on-alternate-surface-color: #85AF9A;
	--fds-surface-nav: #3D4B63;
	--fds-surface-nav-variant: #21334D;
	--fds-on-surface-nav-hi: #ffffff;
	--fds-on-surface-nav-m: #ffffffde;
	--fds-on-surface-nav-low: #ffffff99;
	--fds-on-surface-nav-color: #66a4d5;
	--fds-overlay: #00000099;

  /* var.btn */
	--fds-btn-accent: #FD9E02;
	--fds-btn-accent-hover: #e88f01;
	--fds-btn-accent-active: #fdb135;
	--fds-on-btn-accent: #ffffffde;
	--fds-btn-default: #0067B9;
	--fds-btn-default-hover: #005da7;
	--fds-btn-default-active: #1a76c0;
	--fds-on-btn-default: #ffffffde;
	--fds-btn-alternate-accent: #85AF9A;
	--fds-btn-alternate-accent-hover: #ffe033;
	--fds-btn-alternate-accent-active: #9dbfae;
	--fds-on-btn-alternate-accent: #0067B9;
	--fds-btn-on-surface-hover: #00000003;
	--fds-btn-on-surface-active: #0000000d;
	--fds-btn-on-alternate-surface-hover: rgba(255,255,255,0.15);
	--fds-btn-on-alternate-surface-active: rgba(255,255,255,0.3);
	--fds-btn-on-alternate-surface-default: #FD9E02;
	--fds-btn-on-surface-default: #0067B9;
	--fds-btn-on-header-default: #ffffff;

  /* cbt-button component */
  --cbt-button-primary-color-hover-outline: rgba(0 103 185 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(253 158 2 / 8%);

  /* fds-border-radius */
	--fds-border-radius-btn-default: 4px;
	--fds-border-radius-btn-alternate: 100px;
	--fds-border-radius-container-default: 8px;
	--fds-border-radius-input-default: 4px;
	--fds-border-radius-input-alternate: 100px;

  /* fds-elevation */
	--fds-elevation-on-surface-01: 6px 7px 3px 0px #00000000, 4px 4px 2px 0px #00000003, 2px 2px 2px 0px #0000000d, 1px 1px 1px 0px #00000017, 0px 0px 1px 0px #0000001a;
	--fds-elevation-on-surface-02: 23px 18px 8px 0px #00000000, 15px 12px 8px 0px #00000003, 8px 7px 6px 0px #0000000d, 4px 3px 5px 0px #00000017, 1px 1px 3px 0px #0000001a;
	--fds-elevation-on-surface-03: 16px 40px 12px 0px #00000000, 10px 25px 11px 0px #00000003, 6px 14px 9px 0px #0000000a, 3px 6px 7px 0px #00000012, 1px 2px 4px 0px #00000014;
	--fds-elevation-on-alternate-surface-01: 19px 15px 7px 0px #00000000, 12px 10px 6px 0px #00000008, 7px 5px 5px 0px #0000001a, 3px 2px 4px 0px #0000002b, 1px 1px 2px 0px #00000033;
	--fds-elevation-on-alternate-surface-02: 20px 19px 8px 0px #00000000, 13px 12px 7px 0px #00000008, 7px 7px 6px 0px #0000001a, 3px 3px 4px 0px #0000002b, 1px 1px 2px 0px #00000033;
	--fds-elevation-on-alternate-surface-03: 21px 40px 13px 0px #00000000, 13px 26px 12px 0px #00000008, 7px 14px 10px 0px #0000001a, 3px 6px 7px 0px #0000002b, 1px 2px 4px 0px #00000033;

  /* Font Families */
  --cbt-primary-font-family: 'Outfit', sans-serif;
  --cbt-secondary-font-family: 'Geogrotesque', sans-serif;
}