@font-face {
  font-family: 'Field Gothic No75 Bold Wide';
  src: url('../fonts/Field_Gothic_No.75.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-gold: #F1C400;
  --brand-gold-light: #FFDD4A;
  --brand-green-darkest: #00261A;
  --brand-green-dark: #022E1F;
  --brand-green: #003725;
  --brand-green-mid: #003E29;
  --brand-green-soft: #BED5A1;
  --brand-green-medium: #678849;
  --brand-green-medium-ada: #627F46;
  --brand-green-light: #8CA574;
  --brand-green-verylight: #CFDBC3;
  --brand-gray-dark: #545E5D;
  --brand-gray-light: #D1D3D4;
  --brand-gray-lighter: #D9D9D9;
  --brand-gray-bg: #DBE5D2;
  --brand-neutral-bg: #F0F1D2;
  --brand-white: #FFFFFF;

  /* Bootstrap theme overrides */
  --bs-primary: var(--brand-gold);
  --bs-secondary: var(--brand-green);
  --bs-success: var(--brand-green-soft);
  --bs-info: var(--brand-green-verylight);
  --bs-warning: var(--brand-gold-light);
  --bs-danger: var(--brand-green-dark);
  --bs-light: var(--brand-neutral-bg);
  --bs-dark: var(--brand-green-darkest);

  --bs-body-bg: var(--brand-neutral-bg);
  --bs-body-color: var(--brand-green-darkest);
  --bs-link-color: var(--brand-green-dark);
  --bs-link-hover-color: var(--brand-gold);

  --bs-border-radius: 8px;
  --bs-btn-border-radius: 8px;

  --bs-font-sans-serif: 'Roboto', Arial, sans-serif;
  --bs-body-font-family: 'Roboto', Arial, sans-serif;
}

/* Font families */
.font-hero        { font-family: 'Field Gothic No75 Bold Wide', 'Arial Black', Impact, Arial, sans-serif; }
.font-body        { font-family: 'Roboto', Arial, sans-serif; font-weight: 400; }
.font-bold        { font-family: 'Roboto', Arial, sans-serif; font-weight: 700; }
.font-bold-italic { font-family: 'Roboto', Arial, sans-serif; font-weight: 700; font-style: italic; }
.font-semibold    { font-family: 'Roboto', Arial, sans-serif; font-weight: 600; }
.font-condensed   { font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 400; }

/* Font sizes (matching your design) */
/* ====== Mobile: default styles ====== */
/*
.fs-18   { font-size: 14px; }
.fs-20   { font-size: 16px; }
.fs-24   { font-size: 18px; }
.fs-32   { font-size: 20px; }
.fs-43   { font-size: 24px; }
.fs-57   { font-size: 32px; }
.fs-76   { font-size: 43px; }
.fs-139  { font-size: 48px; }
.fs-179  { font-size: 72px; }
*/
.fs-18   { font-size: 16px; }
.fs-20   { font-size: 18px; }
.fs-24   { font-size: 20px; }
.fs-32   { font-size: 24px; }
.fs-43   { font-size: 32px; }
.fs-57   { font-size: 43px; }
.fs-76   { font-size: 57px; }
.fs-139  { font-size: 76px; }
.fs-179  { font-size: 96px; }

/* ========== Tablet (iPad, etc) ========== */
@media (min-width: 576px) {
  .fs-18   { font-size: 16px; }
  .fs-20   { font-size: 18px; }
  .fs-24   { font-size: 20px; }
  .fs-32   { font-size: 24px; }
  .fs-43   { font-size: 32px; }
  .fs-57   { font-size: 43px; }
  .fs-76   { font-size: 57px; }
  .fs-139  { font-size: 76px; }
  .fs-179  { font-size: 96px; }
}

/* ========== Desktop ========== */
@media (min-width: 1200px) {
  .fs-18   { font-size: 16px; }
  .fs-20   { font-size: 18px; }
  .fs-24   { font-size: 21px; }
  .fs-32   { font-size: 28px; }
  .fs-43   { font-size: 38px; }
  .fs-57   { font-size: 50px; }
  .fs-76   { font-size: 67px; }
  .fs-139  { font-size: 122px; }
  .fs-179  { font-size: 157px; }
}

.btn{
  padding: 15px 15px;
}

.btn-primary {
  background-color: var(--brand-gold);
  border-color: var(--brand-gold);
  color: var(--brand-green-darkest);
  font-weight: 700;
  border-radius: var(--bs-border-radius);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--brand-gold-light);
  border-color: var(--brand-gold-light);
  color: var(--brand-gold-light);
}

.btn-outline-primary {
  border: 2px solid var(--brand-gold, #FFD600);
  color: var(--brand-gold, #FFD600);
  background: transparent;
  border-radius: 2rem;
  transition: background 0.2s, color 0.2s;
}

.btn-outline-primary:hover{
  background-color: var(--brand-gold);
  border-color: var(--brand-gold);
  color: var(--brand-green-darkest);
}

.btn-outline-primary:focus {
  background-color: var(--brand-gold);
  border-color: var(--brand-gold);
  color: var(--brand-green-darkest);
}

.btn-outline-primary:focus:active {
  background-color: var(--brand-gold-light);
  border-color: var(--brand-gold-light);
  color: var(--brand-green-darkest);
}

.btn-outline-secondary {
  border: 2px solid var(--brand-green-darkest);
  color: var(--brand-green-darkest);
  background: transparent;
  border-radius: 2rem;
  transition: background 0.2s, color 0.2s;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  background-color: var(--brand-green-darkest);
  border-color: var(--brand-green-darkest);
  color: var(--brand-gold);
}

.bg-brand-darkest { background-color: var(--brand-green-darkest) !important; }
.bg-brand-darkest { background-color: var(--brand-green-darkest) !important; }
.bg-brand-green   { background-color: var(--brand-green) !important; }
.bg-brand-green-soft { background-color: var(--brand-green-soft) !important; }
.bg-brand-gold    { background-color: var(--brand-gold) !important; }
.bg-neutral       { background-color: var(--brand-neutral-bg) !important; }

.text-green-darkest { color: var(--brand-green-darkest) !important; }
.text-brand-gold  { color: var(--brand-gold) !important; }
.text-brand-green { color: var(--brand-green) !important; }
.text-brand-green-medium { color: var(--brand-green-medium) !important; }
.text-brand-green-medium-ada { color: var(--brand-green-medium-ada) !important; }
.text-brand-green-mid { color: var(--brand-green-mid) !important; }
.text-brand-green-soft { color: var(--brand-green-soft) !important; }
.text-white       { color: var(--brand-white) !important; }
.text-gray       { color: var(--brand-gray-bg) !important; }

.mt-6 {
    margin-top: 10rem !important;
}

.mb-6 {
    margin-bottom: 10rem !important;
}

@media (min-width: 992px) {
    .mt-lg-6 {
        margin-top: 12rem !important;
    }
    
    .mb-lg-6 {
        margin-bottom: 12rem !important;
    }
}

a {
  color: var(--brand-gray);
  text-decoration: none;
}

a:hover {
  color: var(--brand-gray-light);
  text-decoration: none;
}