a {
  text-decoration: none;
  color: var(--theme-color-link) !important;

  span, p {
    color: var(--theme-color-link) !important;
  }

  &:hover {
    text-decoration: underline !important;

    span, p {
      text-decoration: underline !important;
    }
  }
}

:root {
  --theme-color-primary-bg: #FFFCF5;
  --theme-color-secondary-bg: #FFF5DC;
  --theme-color-divider: #E7D5A6;
  --theme-color-title: #251D10;
  --theme-color-subtitle: #78633B;
  --theme-color-primary-text: #44351D;
  --theme-color-secondary-text: #78633B;
  --theme-color-link: #8A5200;
  --theme-color-language-dropdown-text: #44351D;
  --theme-color-language-dropdown-active-text: #FFFFFF;
  --theme-color-language-dropdown-hover-text: #8A5200;
  --theme-color-primary-button-fill: #A86400;
  --theme-color-primary-button-border: #A86400;
  --theme-color-primary-button-text: #FFFFFF;
  --theme-color-primary-button-hover-fill: #774700;
  --theme-color-primary-button-hover-border: #774700;
  --theme-color-primary-button-hover-text: #FFFFFF;
  --theme-color-secondary-button-fill: #00000000;
  --theme-color-secondary-button-border: #8A5200;
  --theme-color-secondary-button-text: #8A5200;
  --theme-color-secondary-button-hover-fill: #8A520014;
  --theme-color-secondary-button-hover-border: #774700;
  --theme-color-secondary-button-hover-text: #774700;
  --dna-elevation-rest-color: #00000000;
  --dna-elevation-button-color: #00000000;
  --dna-elevation-raised-color: #0000001A;
  --dna-elevation-overlay-layer-1-color: #0000001F;
  --dna-elevation-overlay-layer-2-color: #00000008;
  --dna-focus-brand-color: #8A520059;
  --dna-focus-neutral-color: #17171780;
  --dna-focus-input-color: #8A52004D;
  --theme-color-status-success-surface: #EAF7EF;
  --theme-color-status-success-border: #76B68D;
  --theme-color-status-success-text: #176638;
  --theme-color-status-warning-surface: #FFF4D6;
  --theme-color-status-warning-border: #D4A74A;
  --theme-color-status-warning-text: #6F4B00;
  --theme-color-status-danger-surface: #FDEDEF;
  --theme-color-status-danger-border: #D98A95;
  --theme-color-status-danger-text: #8C2534;
  --theme-color-status-info-surface: #EAF3FF;
  --theme-color-status-info-border: #83ADE2;
  --theme-color-status-info-text: #205A9C;
}

.theme-dark {
  --theme-color-primary-bg: #0D1711;
  --theme-color-secondary-bg: #142219;
  --theme-color-divider: #294831;
  --theme-color-title: #F2FFF4;
  --theme-color-subtitle: #96B79D;
  --theme-color-primary-text: #D7F0DC;
  --theme-color-secondary-text: #96B79D;
  --theme-color-link: #73D98A;
  --theme-color-language-dropdown-text: #D7F0DC;
  --theme-color-language-dropdown-active-text: #071C0D;
  --theme-color-language-dropdown-hover-text: #73D98A;
  --theme-color-primary-button-fill: #42B964;
  --theme-color-primary-button-border: #42B964;
  --theme-color-primary-button-text: #071C0D;
  --theme-color-primary-button-hover-fill: #73D98A;
  --theme-color-primary-button-hover-border: #73D98A;
  --theme-color-primary-button-hover-text: #071C0D;
  --theme-color-secondary-button-fill: #00000000;
  --theme-color-secondary-button-border: #73D98A;
  --theme-color-secondary-button-text: #73D98A;
  --theme-color-secondary-button-hover-fill: #73D98A14;
  --theme-color-secondary-button-hover-border: #73D98A;
  --theme-color-secondary-button-hover-text: #73D98A;
  --dna-elevation-rest-color: #00000000;
  --dna-elevation-button-color: #00000000;
  --dna-elevation-raised-color: #00000033;
  --dna-elevation-overlay-layer-1-color: #00000066;
  --dna-elevation-overlay-layer-2-color: #0000001F;
  --dna-focus-brand-color: #73D98A59;
  --dna-focus-neutral-color: #FFFFFF80;
  --dna-focus-input-color: #73D98A4D;
  --theme-color-status-success-surface: #143524;
  --theme-color-status-success-border: #2F7B4D;
  --theme-color-status-success-text: #9BE5B7;
  --theme-color-status-warning-surface: #3B2E12;
  --theme-color-status-warning-border: #8D6B20;
  --theme-color-status-warning-text: #F3D37A;
  --theme-color-status-danger-surface: #401B22;
  --theme-color-status-danger-border: #974452;
  --theme-color-status-danger-text: #FFADB7;
  --theme-color-status-info-surface: #172C50;
  --theme-color-status-info-border: #426FAE;
  --theme-color-status-info-text: #A8C9FF;
}

@font-face {
  font-family: 'Inter';
  src: url('https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

.theme-heading--1 {
  font-style: normal;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 48px;
  letter-spacing: -1.2px;
  line-height: 48px;
}

.theme-heading--2 {
  font-style: normal;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 40px;
}

.theme-heading--3 {
  font-style: normal;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 32px;
  letter-spacing: -0.8px;
  line-height: 32px;
}

.theme-heading--4 {
  font-style: normal;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  letter-spacing: -0.6px;
  line-height: 24px;
}

.theme-heading--5 {
  font-style: normal;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  letter-spacing: -0.5px;
  line-height: 24px;
}

.theme-heading--6 {
  font-style: normal;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  letter-spacing: -0.45px;
  line-height: 22px;
}

.theme-body {
  font-style: normal;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  letter-spacing: -0.04px;
  line-height: 24px;
}

.theme-body--small {
  font-style: normal;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 20px;
}

.theme-caption {
  font-style: normal;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 16px;
}