:root,
:host,
cbt-modal {
  /* var.fds */
  --fds-header: #ff004a;
  --fds-header-interaction-medium: #ff2e6a;
  --fds-header-interaction-high: #d6003e;
  --fds-on-header: #ffffff;
  --fds-primary: #ff004a;
  --fds-primary-interaction-low: #ffe5ed;
  --fds-primary-interaction-medium: #ff2e6a;
  --fds-on-primary: #ffffff;
  --fds-secondary: #ffc107;
  --fds-secondary-interaction-low: #fff9e6;
  --fds-secondary-interaction-medium: #ffc107;
  --fds-on-secondary: #ffffff;
  --fds-tertiary: #2e3541;
  --fds-tertiary-interaction-low: #fffefb;
  --fds-tertiary-interaction-medium: #434954;
  --fds-on-tertiary: #ffffff;
  --fds-success: #00aa41;
  --fds-success-surface: #d8f2d7;
  --fds-on-success: #171113de;
  --fds-on-success-alternate: #ffffff;
  --fds-alert: #f8a127;
  --fds-alert-surface: #fce7d7;
  --fds-on-alert: #171113de;
  --fds-on-alert-alternate: #ffffff;
  --fds-info: #608df2;
  --fds-info-surface: #e3e8ff;
  --fds-on-info: #171113de;
  --fds-on-info-alternate: #ffffff;
  --fds-error: #f9554d;
  --fds-error-surface: #ffe0e8;
  --fds-on-error: #171113de;
  --fds-on-error-alternate: #ffffff;
  --fds-background: #ffffff;
  --fds-on-background: #171113de;
  --fds-surface: #f7f7f7;
  --fds-surface-variant: #ffffff;
  --fds-overlay: #00000099;
  --fds-surface-accent: #ebdec8;
  --fds-on-surface-hi: #171113de;
  --fds-on-surface-m: #17111399;
  --fds-on-surface-low: #17111326;
  --fds-on-surface-ulow: #1711131a;
  --fds-on-surface-color: #17111399;
  --fds-alternate-surface: #5c5d67;
  --fds-alternate-surface-variant: #171113;
  --fds-alternate-surface-nav: #171113;
  --fds-alternate-overlay: linear-gradient(0deg, rgba(23, 17, 19, 1) 0%, rgba(23, 17, 19, 0) 100%);
  --fds-alternate-overlay-variant: linear-gradient(
    90deg,
    rgba(23, 17, 19, 1) 0%,
    rgba(23, 17, 19, 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-color: #ad0032;
  --fds-on-alternate-surface-nav-color: #ff2e6a;
  --fds-surface-nav: #f7f7f7;
  --fds-surface-nav-variant: #ffffff;
  --fds-on-surface-nav-hi: #171113de;
  --fds-on-surface-nav-m: #17111399;
  --fds-on-surface-nav-low: #17111361;
  --fds-on-surface-nav-color: #ff2e6a;

  /* var.btn */
  --fds-btn-accent: #ffc107;
  --fds-btn-accent-hover: #d6a100;
  --fds-btn-accent-active: #ffcc34;
  --fds-on-btn-accent: #171113de;
  --fds-btn-default: #ad0032;
  --fds-btn-default-hover: #d6003e;
  --fds-btn-default-active: #ff004a;
  --fds-on-btn-default: #ffffffde;
  --fds-btn-alternate-accent: #ad0032;
  --fds-btn-alternate-accent-hover: #d6003e;
  --fds-btn-alternate-accent-active: #ff004a;
  --fds-on-btn-alternate-accent: #ffffff;
  --fds-btn-on-surface-hover: #17111303;
  --fds-btn-on-surface-active: #1711131a;
  --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: #ffffff;
  --fds-btn-on-header-default: #ffffff;
  --fds-btn-on-surface-default: #ff004a;
  --fds-btn-on-cta-mobile: #ffffff;

  /* cbt-button component */
  --cbt-button-primary-color-hover-outline: rgba(255 0 74 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(255 193 7 / 8%);
  --cbt-button-disable-colour-custom: var(--fds-on-btn-default);

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

  /* fds-pagination */
  --cbt-pagination-hover-color: var(--fds-on-primary);
  --cbt-pagination-btn-border-radius: var(--fds-border-radius-btn-default);

  /* cbt-accordion component */
  --cbt-accordion-last-item-border-color-custom: var(--fds-on-surface-ulow);

  /* cbt-countdown component */
  --cbt-countdown-primary-border-color: var(--fds-primary-interaction-medium);
  --cbt-countdown-secondary-border-color: var(--fds-secondary-interaction-medium);
  --cbt-countdown-tertiary-border-color: var(--fds-tertiary-interaction-medium);
  --cbt-countdown-transparent-text-color: var(--fds-on-surface-hi);

  /* cbt-dynamic-table component */
  --cbt-dynamic-table-top-border-radius: 2px;
  --cbt-dynamic-table-row-border-color: var(--fds-on-surface-low);
  --cbt-dynamic-table-row-font-weight-custom: bold;
  --cbt-dynamic-table-entries-font-weight-custom: bold;
  --cbt-table-bottom-border-custom: none;
  --cbt-table-top-bg-color-custom: var(--fds-primary);
  --cbt-table-top-color-custom: var(--fds-on-primary);
  --cbt-alternate-surface-variant1: #171113;
  --cbt-alternate-surface-variant2: #5c5d67;
  --cbt-search-bar-color: var(--fds-on-surface-m);
  --cbt-search-bar-bg-color: var(--fds-background);
  --cbt-select-border-radius: var(--fds-border-radius-input-default);
  --cbt-entries-bg-color: var(--fds-background);
  --cbt-entries-border-color: var(--fds-on-surface-low);
  --cbt-entries-txt-color: var(--fds-on-surface-hi);
  --cbt-scollbar-background: var(--fds-background);
  --cbt-scrollbar-on-background: var(--fds-on-surface-low);

  /* 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;

  /* fonts */
  --cbt-primary-font-family: 'Barlow', system-ui, sans-serif;
  --cbt-secondary-font-family: 'Barlow', system-ui, sans-serif;
}