/* css styles */


/* ABOUT Page */

/* Target the inner text and icons specifically when the button is hovered */
div.quarto-about-jolla .about-link:hover,
div.quarto-about-jolla .about-link:hover .about-link-text,
div.quarto-about-jolla .about-link:hover i {
  background-color: #3a7d74 !important; /* Your Sage Green background */
  color: #ffffff !important;            /* Force text and icons to turn crisp white */
}


  body, .site-header, .page-columns, #quarto-content {
    background-color: #fbf9f4 !important; /* Authentic Scandinavian eggshell cream */
    color: #2b2927 !important;            /* Soft charcoal-gray text for clean readability */
  }

  /* 2. Dala-Horse Crimson Red & Sage Accents for Titles/Links */
  h1, h2, h3, .title, .subtitle {
    color: #c94a38 !important;            /* Traditional matte Dalahäst Red */
    font-family: "Courier New", Courier, monospace, serif !important; /* Minimal folk feel */
  }

  a, .category {
    color: #3a7d74 !important;            /* Calming Nordic Sage Green for links and tags */
    text-decoration-color: #e3b85a;       /* Warm mustard yellow underline hints */
  }

  /* 3. Folk-Art Blockquotes */
  blockquote {
    border-left: 3px solid #3a7d74 !important; /* Sage green accent bar */
    background-color: #f4efe2 !important;      /* Slightly darker antique cream depth */
    font-style: italic;
    padding: 1em;
    border-radius: 4px;
  }

.thumbnail-image {
  border-radius: 20px;
}

div.callout-tip.callout-style-default>.callout-header {
    background-color: #f4efe2;
}

div.callout-tip.callout {
    border-left-color: #3a7d74;
}

#quarto-appendix.default {
  padding: 10px;
  border-radius: 20px;
  border: 2px solid #3a7d74 !important; /* Folk-style stitched/dashed border */
}


/* 2. Style the footnote heading explicitly */
.footnotes h2 {
  font-size: 1.2rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* 3. Style the footnote list items and numbers */
.footnote-item, .footnotes li {
  color: #2b2927 !important;
  font-size: 0.92rem;
  line-height: 1.6;
  margin-bottom: 0.8rem;
}

/* 4. Dala-ify the return-to-text arrow link */
.footnote-back, .footnotes a.footnote-back {
  color: #c94a38 !important;              /* Crimson red for the return arrow */
  text-decoration: none !important;
  font-weight: bold;
  margin-left: 5px;
  transition: transform 0.2s ease;
}

.footnote-back:hover {
  color: #3a7d74 !important;  /* Shifts to Nordic Sage on hover */
}

/* Style inline code elements like `vibe-coding` */
code:not(pre code) {
  background-color: #f3edd9 !important;  /* Deeper, antique cream background */
  color: #c94a38 !important;             /* Crisp Nordic Sage Green for the text */
  padding: 0.2em 0.4em !important;       /* Soft breathing room around the letters */
  border-radius: 4px !important;         /* Smooth rounded edges */
  font-family: "Courier New", Courier, monospace !important; /* Minimalist folk typewriter vibe */
  border: 1px solid #e5dcbe !important;  /* Subtle, earthy border frame */
}