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

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

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

/* Grifco site styles */
.grifco-site {
  --brand: #b5002d;
  --brand-hover: #9c0026;
  --brand-focus: rgba(181, 0, 45, 0.15);
  --link: #0d6efd;
  /* Custom font variables - Grifco uses custom font with DINPro fallback */
  --heading-font: "GrifcoCustom", "DINPro", "Roboto Flex", sans-serif;
  --body-font: "GrifcoCustom", "DINPro", "Nata Sans", sans-serif;
  --button-font: "GrifcoCustom", "Roboto", sans-serif;
}

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

/* Grifco button styles with custom font */
.grifco-site .btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
  font-family: var(--button-font);
  font-weight: 600;
}

.grifco-site .btn-primary:hover {
  background-color: var(--brand-hover);
  border-color: var(--brand-hover);
}

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

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

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

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

.grifco-site a {
  color: var(--link);
  font-family: var(--body-font);
}