:root,
:host,
cbt-modal {
  /* var.fds */
  --fds-header: #0c0f32;
  --fds-header-interaction-medium: #0c0f32;
  --fds-header-interaction-high: #141952;
  --fds-on-header: #ffffff;
  --fds-primary: #060719;
  --fds-primary-interaction-low: #2f3bc5;
  --fds-primary-interaction-medium: #0c0f32;
  --fds-on-primary: #ffffff;
  --fds-secondary: #b8280b;
  --fds-secondary-interaction-low: #fff;
  --fds-secondary-interaction-medium: #fc4e2b;
  --fds-on-secondary: #ffffff;
  --fds-tertiary: #85af9a;
  --fds-tertiary-interaction-low: #f3f7f5;
  --fds-tertiary-interaction-medium: #9dbfae;
  --fds-on-tertiary: #0c0f32de;
  --fds-success: #00aa41;
  --fds-success-surface: #d8f2d7;
  --fds-on-success: #0c0f32;
  --fds-on-success-alternate: #ffffff;
  --fds-alert: #faa200;
  --fds-alert-surface: #fce7d7;
  --fds-on-alert: #0c0f32;
  --fds-on-alert-alternate: #ffffff;
  --fds-info: #608df2;
  --fds-info-surface: #e3e8ff;
  --fds-on-info: #0c0f32;
  --fds-on-info-alternate: #ffffff;
  --fds-error: #f9554d;
  --fds-error-surface: #ffe0e8;
  --fds-on-error: #0c0f32;
  --fds-on-error-alternate: #ffffff;
  --fds-background: #ffffff;
  --fds-on-background: #0c0f32de;
  --fds-surface: #f4f4fa;
  --fds-surface-variant: #ffffff;
  --fds-surface-accent: #ffedea;
  --fds-on-surface-hi: #0c0f32de;
  --fds-on-surface-m: #0c0f3299;
  --fds-on-surface-low: #0c0f3226;
  --fds-on-surface-ulow: #0c0f320d;
  --fds-on-surface-color: #0c0f32de;
  --fds-alternate-surface: #060713;
  --fds-alternate-surface-variant: #1f202e;
  --fds-alternate-surface-nav: #060713;
  --fds-alternate-overlay: linear-gradient(0deg, rgba(6, 7, 19, 1) 0%, rgba(6, 7, 19, 0) 100%);
  --fds-alternate-overlay-variant: linear-gradient(
    90deg,
    rgba(6, 7, 19, 1) 0%,
    rgba(6, 7, 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-nav-color: #141952;
  --fds-on-alternate-surface-color: #85af9a;
  --fds-surface-nav: #1f202e;
  --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: #141952;
  --fds-overlay: #00000099;

  /* var.btn */
  --fds-btn-accent: #fc4e2b;
  --fds-btn-accent-hover: #ff765b;
  --fds-btn-accent-active: #ff9e8b;
  --fds-on-btn-accent: #0c0f32;
  --fds-btn-default: #fc4e2b;
  --fds-btn-default-hover: #ff765b;
  --fds-btn-default-active: #ff9e8b;
  --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: #060719;
  --fds-btn-on-surface-hover: #0c0f3203;
  --fds-btn-on-surface-active: #0c0f320d;
  --fds-btn-on-alternate-surface-hover: rgba(255, 255, 255, 0.3);
  --fds-btn-on-alternate-surface-active: rgba(255, 255, 255, 0.3);
  --fds-btn-on-alternate-surface-default: #b8280b;
  --fds-btn-on-surface-default: #0c0f32;
  --fds-btn-on-header-default: #ffffff;
  --fds-btn-on-cta-mobile: #ffffffde;

  /* cbt-button component */
  --cbt-button-primary-color-hover-outline: rgba(252 78 43 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(252 78 43 / 8%);
  --cbt-button-disable-colour-custom: var(--fds-on-btn-default);

  /* fds-border-radius */
  --fds-border-radius-btn-default: 12px;
  --fds-border-radius-btn-alternate: 100px;
  --fds-border-radius-container-default: 12px;
  --fds-border-radius-input-default: 12px;
  --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: 12px;
  --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: #1f202e;
  --cbt-alternate-surface-variant2: #02090c;
  --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;

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