/* ========= MirrorFold Press — Base ========= */
/* Locked fonts */
@font-face {
  font-family: "CinzelDecorative";
  src: url("/assets/fonts/cinzeldecorative-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSerif";
  src: url("/assets/fonts/IBMPlexSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UnicaOne";
  src: url("/assets/fonts/UnicaOne-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Palette: Cold authority + leather-gold accents */
:root{
  --bg: #0f0f12;         /* near-black */
  --panel: #141419;      /* matte charcoal */
  --panel-2: #101014;    /* deeper */
  --text: #f0eee9;       /* warm ash */
  --muted: #b7b3ad;      /* gray text */
  --line: rgba(240,238,233,0.10);

  /* Leather-gold: warm, worn, low-sheen */
  --leather: #1a120d;    /* deep warm brown */
  --leather-gold: #b8925a; /* desaturated gold */
  --leather-gold-dim: rgba(184,146,90,0.45);

  --maxw: 1040px;
  --r: 16px;
  --shadow: 0 20px 60px rgba(0,0,0,0.55);
}

/* Reset-ish */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "IBMPlexSerif", serif;
  line-height: 1.6;
}

/* Layout helpers */
.wrap{
  width: min(var(--maxw), calc(100% - 2rem));
  margin-inline: auto;
}

main{
  padding: 5.5rem 0 3.5rem; /* top padding accounts for sticky nav */
}

h1, h2, h3 {
  font-family: "CinzelDecorative", serif;
  letter-spacing: 0.02em;
  margin: 0 0 0.75rem;
}
p { margin: 0 0 1rem; color: var(--text); }
small, .muted { color: var(--muted); }

a{
  color: inherit;
  text-decoration: none;
}
a:focus-visible{
  outline: 2px solid var(--leather-gold);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Subtle page backdrop texture without gradients/glow */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(800px 500px at 20% 0%, rgba(184,146,90,0.08), transparent 60%),
    radial-gradient(700px 400px at 85% 10%, rgba(184,146,90,0.05), transparent 60%);
  opacity: 0.65;
}