/* Merlin Custom Fonts */
@font-face {
  font-family: "MerlinCustom";
  src: url("../fonts/MerlinCustom-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MerlinCustom";
  src: url("../fonts/MerlinCustom-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MerlinCustom";
  src: url("../fonts/MerlinCustom-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MerlinCustom";
  src: url("../fonts/MerlinCustom-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Merlin site styles */
.merlin-site {
  --brand: #6eb43f;
  --brand-secondary: #475159;
  --brand-hover: #5aa330;
  --brand-focus: rgba(110, 180, 63, 0.15);

  --brand--secondary-cool-grey: #343c43;

  --link: #000000;
  /* Custom font variables - Merlin uses custom font with DINPro fallback */
  --heading-font: "MerlinCustom", "DINPro", "Roboto Flex", sans-serif;
  --body-font: "MerlinCustom", "DINPro", "Nata Sans", sans-serif;
  --button-font: "MerlinCustom", "DINPro", "Nata Sans", sans-serif;
}

/* Base styles */
html,
body {
  margin: 0;
  padding: 0;
}

/* Button Styles */

.button-h.btn-primary {
  background-color: var(--brand);
  color: #343c43;
  border-color: var(--brand);
  font-family: var(--button-font);
  font-weight: 600;
  font-size: 16px;
}

.button-h.btn-primary:hover {
  background-color: var(--brand-hover);
  border-color: var(--brand-hover);
  color: #000000 !important;
  box-shadow: 0 4px 12px rgba(110, 180, 63, 0.3);
}

/* Secondary Button - White filled with dark text */
.button-h.btn-secondary {
  background-color: #ffffff;
  color: #1a1a1a;
  border-color: #ffffff;
}

.button-h.btn-secondary:hover {
  background-color: var(--brand);
  color: #000000 !important;
  border-color: var(--brand) !important;
}

/* Outline White Button - For dark backgrounds */
.button-h.btn-outline-white {
  background-color: transparent !important;
  color: #ffffff;
  border-color: #ffffff;
}

.button-h.btn-outline-white:hover {
  background-color: var(--brand) !important;
  color: #000000 !important;
  border-color: var(--brand) !important;
}

/* Outline Button - Transparent with green border */
.button-h.btn-outline {
  background-color: transparent !important;
  color: white !important;
  border-color: white !important;
}

/* hello */

.button-h.btn-outline:hover {
  background-color: var(--brand) !important;
  color: #000000 !important;
  border-color: var(--brand) !important;
}

/* Merlin-specific font overrides */
.merlin-site h1,
.merlin-site h2,
.merlin-site h3,
.merlin-site h4,
.merlin-site h5,
.merlin-site h6 {
  font-family: var(--heading-font);
}

.merlin-site p,
.merlin-site a,
.merlin-site body,
.merlin-site .content {
  font-family: var(--body-font);
}

.merlin-site .nav-link,
.merlin-site .navbar-brand {
  font-family: var(--heading-font);
}

.merlin-site .btn,
.merlin-site button {
  font-family: var(--button-font);
}