/* Lifted from Darphin tenant as a starting point for IAM */

:root,
body .elc-iam,
body .elc-ramp,
body .elc-checkout {
  --font-body: "Lars Malone", "Microsoft YaHei", PingFang, Helvetica, Arial, sans-serif;
  --font-headline: "Malone Serif", "Microsoft YaHei", PingFang, Helvetica, Arial, sans-serif;
  --color-black: #1c1c1c;
  --color-green: #0cc42f;
  --color-error: #860000;
  --color-warning: #684B00;
  --color-success: #065D36;
  --color-success-contrast: var(--color-success);
  --border-current: #e2e1d7;
  --border-radius: 0;
  --color-bg: #fcf9ee;
  --color-body-minimal-bg: #F2EFE5;
  --text-brand: #1c1c1c;
  --color-primary: #a3d6c7;
  --color-primary-150: #fcf9ee;
  --color-primary-200: #D2F0E6;
  --color-button-sku: var(--color-primary-200);
  --color-secondary: #a3d6c7;
  --color-secondary-100: #a7efd2;
  --color-secondary-200: #D2F0E6;
  --color-secondary-300: #f2f2f2;
  --color-secondary-400: #525252;
  --color-secondary-500: #212121;
  --star-size: 1rem;
  --star-color: #ffffff;
  --star-background: var(--color-primary);
  --color-lock-icon: #000000;
  --color-phone-link: #000000;
  --color-phone-icon: #000000;
  --color-footer-bg: var(--color-primary-150);
  --color-mobile-footer-bg: var(--color-primary-150);
  --mobile-minimal-header-height: 4.25rem;
  --width-logo-header: 8.375rem;
  --width-logo-header-lg: 8.375rem;
  --color-header: var(--color-primary-150);
  --font-size-footer: 13px;
  --font-weight-secure-text: 700;
  --text-transform-secure-text: uppercase;
  --color-footer-text: var(--text-brand);
  --color-copyright: var(--text-brand);
  --border: 1px;
  --font-weight-tab: 600;
  --font-weight-bold: 700;
  --font-weight-normal: 400;
  --text-transform-tab: uppercase;
  --input-height: 50px;
  --checkbox-label-padding-inline-end: 30px;

  --desktop-grid-item-flex-basis: 0%;
  --desktop-grid-item-flex-grow: 1;
  --desktop-grid-item-flex-shrink: 1;

  /* input fields */
  --input-disabled-background: #e1e2d7;

  --pincer-swiper-navigation-width: 40px;
  --pincer-swiper-navigation-height: 40px;
  --pincer-swiper-navigation-top-offset: 50%;
  --pincer-swiper-navigation-sides-offset: 0px;
  --pincer-swiper-navigation-background-color: var(--primary-default);
  --pincer-swiper-navigation-opacity: 1;
  --pincer-swiper-navigation-font-size: 1rem;
  --pincer-swiper-navigation-font-color: var(--desktop-carousel-next-icon-inverse-fill);
  --pincer-swiper-navigation-prev-side-offset: 0rem;
  --pincer-swiper-navigation-next-side-offset: 0rem;
  --pincer-swiper-thumbnails-navigation-prev-top: 20px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 2rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: 0;
  --pincer-swiper-thumbnails-navigation-next-left: 2rem;
  --pincer-swiper-pagination-margin-top: 10px;

  --swiper-pagination-color: var(--primary-default);;
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #CCC;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  --swiper-pagination-bullet-border-radius: none;
}

/* Layout */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Brand */
body,
.bg-bg {
  background-color: var(--color-bg);
}