@font-face {
  font-display:swap;
  font-family:Shine Spectra;
  font-style:normal;
  font-weight:400;
  src:local("ShineSpectra-Regular"),url(../fonts/ShineSpectra-Regular.woff2) format("woff2")
}

@font-face {
  font-display:swap;
  font-family:Shine Spectra;
  font-style:italic;
  font-weight:400;
  src:local("ShineSpectra-Italic"),url(../fonts/ShineSpectra-Italic.woff2) format("woff2")
}

@font-face {
  font-display:swap;
  font-family:Shine Spectra;
  font-style:normal;
  font-weight:600;
  src:local("ShineSpectra-DemiBold"),url(../fonts/ShineSpectra-DemiBold.woff2) format("woff2")
}

@font-face {
  font-display:swap;
  font-family:Shine Spectra;
  font-style:italic;
  font-weight:600;
  src:local("ShineSpectra-DemiboldItalic"),url(../fonts/ShineSpectra-DemiboldItalic.woff2) format("woff2")
}

@font-face {
  font-display:swap;
  font-family:Inter;
  font-style:normal;
  font-weight:400;
  src:local("Inter-Regular"),url(../fonts/Inter-Regular.woff2) format("woff2")
}

@font-face {
  font-display:swap;
  font-family:Inter;
  font-style:normal;
  font-weight:500;
  src:local("Inter-Medium"),url(../fonts/Inter-Medium.woff2) format("woff2")
}

@font-face {
  font-display:swap;
  font-family:Inter;
  font-style:normal;
  font-weight:600;
  src:local("Inter-SemiBold"),url(../fonts/Inter-SemiBold.woff2) format("woff2")
}

:root {
  --fonts-heading: 'Shine Spectra', Georgia, serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --fonts-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  --color-entrepreneur-yellow-200: #FFF389;
  --color-accounting-green-950: #00362C;
  --color-accounting-green-700: #007E60;
  --color-ledger-blue-500: #3A66EB;
  --color-ledger-blue-100: #DDE6FC;
  --color-monochrome-50: #FFFFFF;
  --color-grey-100: #F5F5F5;

  --color-primary: var(--color-ledger-blue-500);
  --color-secondary: var(--color-accounting-green-950);
  --color-accent: var(--color-accounting-green-700);
  --color-border: var(--color-grey-100);
  --color-surface: var(--color-monochrome-50);
}

body,
p,
blockquote,
ul:not(header *) li,
ul:not(header *) li.list-item {
  font-family: var(--fonts-body) !important;
}

/* ul:not(header *).checklist li:before, ul.checklist-inline:not(header *) li:before {
  content: "✔" !important;
} */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h1-hero {
  font-family: var(--fonts-heading) !important;
  color: var(--color-accounting-green-950);
}

.bg-primary {
  background-color: var(--color-primary) !important;
  color: var(--color-monochrome-50) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
  color: var(--color-monochrome-50) !important;
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary .h1,
.bg-primary .h2,
.bg-primary .h3,
.bg-primary .h4,
.bg-primary .h5,
.bg-primary .h6,
.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary h6,
.bg-secondary .h1,
.bg-secondary .h2,
.bg-secondary .h3,
.bg-secondary .h4,
.bg-secondary .h5,
.bg-secondary .h6,
.negative h1,
.negative h2,
.negative h3,
.negative h4,
.negative h5,
.negative h6,
.negative .h1,
.negative .h2,
.negative .h3,
.negative .h4,
.negative .h5,
.negative .h6,
.negative .h1-hero {
  color: var(--color-monochrome-50);
}

.btn-accent {
  background-color: var(--color-entrepreneur-yellow-200) !important;
  border-color: var(--color-entrepreneur-yellow-200) !important;
  color: var(--color-accounting-green-950) !important;
}

.btn-outline-secondary {
  border-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: var(--color-secondary) !important;
  color: var(--color-monochrome-50) !important;
}