:root,
:host,
cbt-modal {
  /* var.fds */
  --fds-header: #ff6600;
  --fds-header-interaction-medium: #ff8533;
  --fds-header-interaction-high: #e45d1c;
  --fds-on-header: #ffffff;
  --fds-primary: #ff6600;
  --fds-primary-interaction-low: #fff0e7;
  --fds-primary-interaction-medium: #ff8533;
  --fds-on-primary: #ffffff;
  --fds-secondary: #40b840;
  --fds-secondary-interaction-low: #ecf7ec;
  --fds-secondary-interaction-medium: #6bc96b;
  --fds-on-secondary: #ffffff;
  --fds-tertiary: #2e3541;
  --fds-tertiary-interaction-low: #eaebec;
  --fds-tertiary-interaction-medium: #434954;
  --fds-on-tertiary: #ffffff;
  --fds-success: #00aa41;
  --fds-success-surface: #d8f2d7;
  --fds-on-success: #000000de;
  --fds-on-success-alternate: #ffffff;
  --fds-alert: #f8a127;
  --fds-alert-surface: #fce7d7;
  --fds-on-alert: #000000de;
  --fds-on-alert-alternate: #ffffff;
  --fds-info: #608df2;
  --fds-info-surface: #e3e8ff;
  --fds-on-info: #000000de;
  --fds-on-info-alternate: #ffffff;
  --fds-error: #f9554d;
  --fds-error-surface: #ffe0e8;
  --fds-on-error: #000000de;
  --fds-on-error-alternate: #ffffff;
  --fds-background: #ffffff;
  --fds-on-background: #000000de;
  --fds-surface: #f7f7f7;
  --fds-surface-variant: #ffffff;
  --fds-overlay: #00000099;
  --fds-surface-accent: #fff0e7;
  --fds-on-surface-hi: #000000de;
  --fds-on-surface-m: rgba(0, 0, 0, 0.6);
  --fds-on-surface-low: #00000061;
  --fds-on-surface-ulow: #0000001a;
  --fds-on-surface-color: #ff6600;
  --fds-alternate-surface: #2e2f3c;
  --fds-alternate-surface-variant: #494b56;
  --fds-alternate-surface-nav: #2e2f3c;
  --fds-alternate-overlay: linear-gradient(0deg, rgba(46, 47, 60, 1) 0%, rgba(46, 47, 60, 0) 100%);
  --fds-alternate-overlay-variant: linear-gradient(
    90deg,
    rgba(46, 47, 60, 1) 0%,
    rgba(46, 47, 60, 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: #ff6600;
  --fds-on-alternate-surface-nav-color: #fd9455;
  --fds-surface-nav: #f7f7f7;
  --fds-surface-nav-variant: #ffffff;
  --fds-on-surface-nav-hi: #000000de;
  --fds-on-surface-nav-m: rgba(0, 0, 0, 0.6);
  --fds-on-surface-nav-low: #00000061;
  --fds-on-surface-nav-color: #fd9455;

  /* var.btn */
  --fds-btn-accent: #40b840;
  --fds-btn-accent-hover: #58c058;
  --fds-btn-accent-active: #6bc96b;
  --fds-on-btn-accent: #ffffffde;
  --fds-btn-default: #ff6600;
  --fds-btn-default-hover: #ff7520;
  --fds-btn-default-active: #ff8533;
  --fds-on-btn-default: #ffffffde;
  --fds-btn-alternate-accent: #ff6600;
  --fds-btn-alternate-accent-hover: #ff7520;
  --fds-btn-alternate-accent-active: #ff8533;
  --fds-on-btn-alternate-accent: #ffffff;
  --fds-btn-on-surface-hover: #00000003;
  --fds-btn-on-surface-active: #0000001a;
  --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: #ff6600;

  /* cbt-button component */
  --cbt-button-primary-color-hover-outline: rgba(255 102 0 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(64 184 64 / 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: 'DM Sans', system-ui, sans-serif;
  --cbt-secondary-font-family: 'Betsson Sans', system-ui, sans-serif;
}