@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");
:root {
  --color-desert-gold-50: #f9f8f3;
  --color-desert-gold-100: #f2f0e2;
  --color-desert-gold-200: #e4dec4;
  --color-desert-gold-300: #d2c89f;
  --color-desert-gold-400: #bfad78; /* Default */
  --color-desert-gold-500: #b2995d;
  --color-desert-gold-600: #a48652;
  --color-desert-gold-700: #896d45;
  --color-desert-gold-800: #6f583d;
  --color-desert-gold-900: #5b4933;
  --color-desert-gold-950: #30261a;
  --color-secondary-default: var(--color-desert-gold-400);
  --color-secondary-light: var(--color-desert-gold-300);
  --color-sea-kelp-blue-50: #f2f8f9;
  --color-sea-kelp-blue-100: #deecef;
  --color-sea-kelp-blue-200: #c0d9e1;
  --color-sea-kelp-blue-300: #95becb;
  --color-sea-kelp-blue-400: #629bae;
  --color-sea-kelp-blue-500: #467f94;
  --color-sea-kelp-blue-600: #3d687d;
  --color-sea-kelp-blue-700: #375767;
  --color-sea-kelp-blue-800: #334a57; /* Default */
  --color-sea-kelp-blue-900: #2e3f4b;
  --color-sea-kelp-blue-950: #1b2831;
  --color-primary-default: var(--color-sea-kelp-blue-800);
  --color-primary-light: var(--color-sea-kelp-blue-200);
  --color-sky-blue-50: #f1f9fa;
  --color-sky-blue-100: #daeff3;
  --color-sky-blue-200: #badfe7;
  --color-sky-blue-300: #8ac8d6;
  --color-sky-blue-400: #47a1b8; /* Default */
  --color-sky-blue-500: #388ba2;
  --color-sky-blue-600: #317289;
  --color-sky-blue-700: #2d5d71;
  --color-sky-blue-800: #2c4e5e;
  --color-sky-blue-900: #294350;
  --color-sky-blue-950: #162b36;
  --color-tertiary-default: var(--color-sky-blue-400);
  --color-tertiary-light: var(--color-sky-blue-200);
}

.btn {
  --bs-btn-bg: var(--color-secondary-default);
  --bs-btn-border-color: var(--color-secondary-default);
  --bs-btn-hover-bg: var(--color-secondary-light);
  --bs-btn-hover-border-color: var(--color-secondary-light);
  --bs-btn-active-bg: var(--color-secondary-default);
  --bs-btn-active-border-color: var(--color-secondary-default);
}

body {
  font-family: "General Sans Variable", serif;
  font-weight: 500;
  color: var(--color-primary-default);
}

#documentForm {
  /* margin-top: rem; */
  margin-bottom: 3rem;
  padding: 4rem 3rem;
  padding: 3rem;
  border: 2px var(--color-secondary-default) solid;
}

#introduction {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

@font-face {
  font-family: "General Sans Variable";
  src: url("/static/GeneralSans-Variable.woff2") format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "General Sans Variable";
  src: url("/static/GeneralSans-VariableItalic.woff2") format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}
/* lora-latin-wght-normal */
@font-face {
  font-family: "Lora Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/lora:vf@latest/latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h2 {
  color: #bfad78;
  font-size: 40px;
  font-weight: 450;
  /* letter-spacing: -0.0375em; */
  line-height: 1;
  --spacing: 1rem;
  padding-bottom: var(--spacing);
  border-bottom: 5px var(--color-secondary-400) solid;
  /* margin-bottom: calc(var(--spacing) * 2); */
}

h3 {
  font-family: "Lora Variable", serif;
  font-size: 20px;
  color: #47a1b8;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

strong {
  font-weight: 600;
}

hr {
  border-top: 2px solid var(--color-secondary-default);
  border-top: 1px solid var(--bs-border-color);
  opacity: 1;
  /* margin: 1rem calc(var(--bs-gutter-x) * 0.5) 2rem; */
  margin: 1rem 0;
}

.disclaimer {
  font-size: 0.75rem;
  /* border: 2px var(--color-secondary-400) solid; */
}

.btn {
  /* background: #bfad78;
        border-color: #bfad78; */
  border-radius: 999px;
  font-weight: 500;
}

/* input,
textarea,
select, */
.form-control {
  margin-bottom: 1rem;
  border-radius: 0;
}

.form-control::placeholder {
  opacity: 0.5 !important;
  font-style: italic;
}

header {
  background: var(--color-primary-default);
  padding: 2rem;
}

.container {
  max-width: 800px;
  margin: 0 auto;
}

.form-group {
  /* background: cyan; */
  /* border-bottom: 1px solid red !important; */
}

.form-label {
  font-size: 0.875rem;
  font-size: 0.75rem;
}

body {
  counter-reset: section;
}

label::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
  content: counter(section) ". ";
}

/* 
.progress-bar .track {
  background: var(--color-primary-light);
  display: flex;
  height: 1rem;
} */
.progress-wrapper {
  position: sticky;
  top: 0;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  /* padding: 1rem; */
  background: hsla(0, 0%, 100%, 0.61);
  backdrop-filter: blur(0.25rem);
  background: #fff;
  z-index: 1;
}

.progress {
  --bs-progress-height: 0.375rem;
  --bs-progress-height: 0.25rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-border-radius: 0;
  --bs-progress-bg: var(--color-tertiary-light);
}

.progress-bar {
  --bs-progress-bar-bg: var(--color-tertiary-default);
}

.generate-wrapper {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*# sourceMappingURL=app.css.map */