/* 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;
  --bg-brand: #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;
}

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

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