:root,
:host,
cbt-modal {
  /* var.fds */
  --fds-header: #fccc42;
  --fds-header-interaction-medium: #fee48e;
  --fds-header-interaction-high: #fee48e;
  --fds-on-header: #0c0f32;
  --fds-primary: #c9a334;
  --fds-primary-interaction-low: #fff9e6;
  --fds-primary-interaction-medium: #fccc42;
  --fds-on-primary: #0c0f32;
  --fds-secondary: #cc2e3a;
  --fds-secondary-interaction-low: #fff0f5;
  --fds-secondary-interaction-medium: #ff4a58;
  --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-surface: #2e1b49;
  --fds-surface-variant: #130724;
  --fds-surface-accent: #3d2958;
  --fds-on-surface-hi: #ffffff;
  --fds-on-surface-m: #ffffffde;
  --fds-on-surface-low: #ffffff99;
  --fds-on-surface-ulow: #ffffff1a;
  --fds-on-surface-color: #fccc42;
  --fds-alternate-surface: #130724;
  --fds-alternate-surface-variant: #2e1b49;
  --fds-alternate-surface-nav: #1f0b3a;
  --fds-alternate-overlay: linear-gradient(0deg, rgba(19, 7, 36, 1) 0%, rgba(9, 3, 18, 0) 100%);
  --fds-alternate-overlay-variant: linear-gradient(90deg, rgba(46, 27, 73, 1) 0%, rgba(112, 96, 133, 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: #fdd864;
  --fds-on-alternate-surface-color: #ff4a58;
  --fds-surface-nav: #130724;
  --fds-surface-nav-variant: #1f0b3a;
  --fds-on-surface-nav-hi: #ffffff;
  --fds-on-surface-nav-m: #ffffffde;
  --fds-on-surface-nav-low: #ffffff61;
  --fds-on-surface-nav-color: #ff4a58;
  --fds-overlay: #00000099;
  --fds-background: var(--fds-surface-accent);
  --fds-on-background: var(--fds-on-surface-hi);

  /* var.btn */
  --fds-btn-accent: #ff4a58;
  --fds-btn-accent-hover: #ff5aa0;
  --fds-btn-accent-active: #ff75b5;
  --fds-on-btn-accent: #0c0f32;
  --fds-btn-default: #ff4a58;
  --fds-btn-default-hover: #ff5aa0;
  --fds-btn-default-active: #ff75b5;
  --fds-on-btn-default: #0c0f32;
  --fds-btn-alternate-accent: #85af9a;
  --fds-btn-alternate-accent-hover: #90b6a3;
  --fds-btn-alternate-accent-active: #9dbfae;
  --fds-on-btn-alternate-accent: #c9a334;
  --fds-btn-on-surface-hover: #0c0f3203;
  --fds-btn-on-surface-active: #0C0F320d;
  --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-surface-default: #fccc42;
  --fds-btn-on-header-default: #0c0f32;

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

  /* cbt-card */
  --cbt-poker-card-daterange-color: var(--fds-on-surface-m);

  /* cbt-language-switcher */
  --cbt-language-switcher-background: var(--fds-surface-accent);

  /* 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', 'Arial', 'Roboto', sans-serif;
  --cbt-secondary-font-family: 'Outfit', 'Arial', 'Roboto', sans-serif;
}