/* Self-hosted Libre Baskerville */
/* libre-baskerville-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Libre Baskerville";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/libre-baskerville-v24-latin-regular.woff2") format("woff2");
}
/* libre-baskerville-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/libre-baskerville-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root{
  --cdc-cream: #f3efe8;
  --cdc-ink:   #2b1b14;
  --cdc-choco: #3a2319;
  --cdc-gold:  #c8a46a;
  --cdc-muted: #6f625a;
  --cdc-font: "Libre Baskerville", Georgia, "Times New Roman", serif;
}

body{
  background: var(--cdc-cream);
  color: var(--cdc-ink);
  font-family: var(--cdc-font);
}

/* Custom navbar background color */
.cdc-navbar {
  /* background-color: #201708; */
  background: rgba(43, 27, 20, 0.75);
  backdrop-filter: blur(6px);
}

.cdc-navbar .nav-link{
  color: rgba(255,255,255,0.9);
  border-radius: .5rem;
  transition: color .15s ease, background-color .15s ease, text-decoration-color .15s ease;
  text-underline-offset: .25rem;
}

.cdc-navbar .nav-link:hover,
.cdc-navbar .nav-link:focus{
  color: #fff;
  background-color: rgba(200,164,106,0.22); /* subtle gold highlight */
  text-decoration: underline;
  text-decoration-color: rgba(200,164,106,0.9);
}

/* Keeps your current active link obvious */
.cdc-navbar .nav-link.active{
  color: #fff;
  background-color: rgba(200,164,106,0.28);
}

/* Global mobile tweaks */
@media (max-width: 576px){
  .cdc-section{
    padding: 2.5rem 0;
  }

  /* Bootstrap display headings can be huge on phones */
  .display-3{
    font-size: calc(1.6rem + 1.5vw);
  }
  .display-4{
    font-size: calc(1.5rem + 1.2vw);
  }

  /* Navbar links a bit easier to tap */
  .cdc-navbar .nav-link{
    padding: .65rem .75rem;
  }
}

/* Page heading style (Libre Baskerville Italic) */
.cdc-page-heading{
  font-family: var(--cdc-font);   /* "Libre Baskerville", ... */
  font-style: italic;
  font-weight: 400;               /* matches your italic file weight */
  color: var(--cdc-choco);
  letter-spacing: .01em;
}

.cdc-title{
  font-family: var(--cdc-font);
  color: var(--cdc-choco);
}

/* Facebook Icon */
/* Make social link feel clickable */
.cdc-social-link{
  color: rgba(248, 240, 227, 0.55); /* slightly more visible idle */
  cursor: pointer;
  border-radius: .5rem;
  transition: color .15s ease, background-color .15s ease, transform .15s ease;
  padding: .35rem .45rem; /* gives a hover target */
}

.cdc-social-link:hover,
.cdc-social-link:focus{
  color: rgba(248, 240, 227, 1.0);
  background-color: rgba(200,164,106,0.18);
  transform: translateY(-1px);
}

/* Visible keyboard focus */
.cdc-social-link:focus-visible{
  outline: 2px solid rgba(200,164,106,0.9);
  outline-offset: 2px;
}

.cdc-social-icon {
  fill: currentColor;
  display: block;
}


.cdc-btn-primary{
  display: inline-block;

  padding: .7rem 1.5rem;

  border: 2px solid var(--cdc-choco);
  border-radius: 10px;

  background: var(--cdc-choco);
  color: #fff;

  font-family: var(--cdc-font);
  text-decoration: none;

  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease,
    transform .15s ease;
}

.cdc-btn-primary:hover,
.cdc-btn-primary:focus{
  border-color: var(--cdc-gold);

  background: var(--cdc-ink);
  color: #fff;

  text-decoration: none;
  transform: translateY(-1px);
}



/* Footer Styling */
.cdc-footer {
  /* background-color: #201708;
  color: rgba(248, 240, 227, 0.3); */
  background: #1d120d;
  color: rgba(255,255,255,0.85);
}

.cdc-footer a {
  color: rgba(248, 240, 227, 0.3);
  text-decoration: none;
}

.cdc-footer a:hover,
.cdc-footer a:focus {
  color: rgba(248, 240, 227, 1.0);
  text-decoration: underline;
}