/* ============ Calima Saga — misty forest identity ============ */

/* IXAT display font for the wordmark (sliced/glitch brand face) */
@font-face {
  font-family: "IxatSE";
  src: url("fonts/ixat.woff2") format("woff2"),
       url("fonts/ixat.ttf") format("truetype");
  font-display: swap;
}

/* ---- palette: light, misty, orange accent (from the old site) ---- */
[data-md-color-scheme="calima"] {
  --md-primary-fg-color:        #3b4147;   /* slate ink header */
  --md-primary-fg-color--light: #565d65;
  --md-primary-fg-color--dark:  #2a2f34;
  --md-accent-fg-color:         #dd6600;   /* Calima orange */
  --md-accent-fg-color--transparent: rgba(221,102,0,.1);
  --md-typeset-a-color:         #c25c00;   /* links, readable on white */
  --md-default-bg-color:        #f6f6f4;
  --md-footer-bg-color:         #2a2f34;
  --md-footer-bg-color--dark:   #22262b;
}

/* Fixed misty-forest backdrop behind the whole site (old-site feel) */
body {
  background: #dfe1e0 url("../assets/forest.jpg") center top / cover fixed no-repeat;
}
/* content sits on a translucent panel so the forest reads at the edges */
.md-main { background: rgba(248,248,246,0.92); }
.md-header { background-color: rgba(43,47,52,0.92); backdrop-filter: blur(3px); }
.md-tabs   { background-color: rgba(43,47,52,0.75); }

/* ---------------------------- HERO ---------------------------- */
.calima-hero {
  position: relative;
  overflow: hidden;
  min-height: 62vh;
  display: flex;
  align-items: center;
  background: url("../assets/forest.jpg") center 30% / cover no-repeat;
}
.calima-hero__scrim {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(246,246,244,.15) 0%, rgba(246,246,244,.35) 55%, rgba(246,246,244,1) 100%);
}
.calima-hero__inner {
  position: relative; z-index: 2;
  text-align: center;
  padding: 3rem 1rem 4rem;
  width: 100%;
}
.calima-wordmark {
  font-family: "IxatSE", "Marcellus", serif;
  font-weight: 400;
  color: #2a2f34;
  line-height: .95;
  letter-spacing: .04em;
  margin: 0 0 .4em;
  font-size: clamp(3rem, 12vw, 8rem);
  text-shadow: 0 2px 18px rgba(246,246,244,.9);
}
.calima-tagline {
  font-family: "Marcellus", serif;
  color: #3b4147;
  font-size: clamp(1.05rem, 2.4vw, 1.6rem);
  margin: 0 auto 2rem;
  max-width: 34ch;
  text-shadow: 0 1px 10px rgba(246,246,244,.9);
}
.calima-hero__cta .md-button {
  margin: .3rem .4rem;
  border-width: 2px;
}
.calima-hero__cta .md-button--primary {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: #fff;
}
.calima-hero__cta .md-button:not(.md-button--primary) {
  color: #2a2f34;
  border-color: #2a2f34;
}

/* home page: drop the H1/title of the markdown body (hero carries it) */
.md-typeset .calima-home > h1:first-child { display: none; }

/* ---- feature cards (Material grid) a touch warmer ---- */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border: 1px solid rgba(60,66,72,.12);
  border-radius: .5rem;
  background: rgba(255,255,255,.75);
}
.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 .3rem 1rem rgba(221,102,0,.12);
}