/* ============================================================
   site.css — Base compartida por TODAS las páginas de lunbluma
   (portada + cada proyecto en /proyectos/*/)
   Aquí solo van cosas genéricas: colores, tipografías, reset,
   grano de textura, pie de página. El aspecto propio de cada
   página vive en su propio archivo (home.css, project.css, ...).
   ============================================================ */

/* ---- TAN Nighttingale: pon aquí tu archivo con licencia ----
   assets/fonts/TAN-Nighttingale.woff2
   Si no está presente, cae automáticamente en la serif de reserva. */
@font-face{
  font-family:'TAN Nighttingale';
  src:url('../fonts/TAN-Nighttingale.woff2') format('woff2');
  font-display:swap;
}

:root{
  --void:#050706; --void-2:#0a0e0c; --void-3:#11150f;
  --wine:#6f1a32; --wine-deep:#380d1c;
  --gold:#a9863f; --gold-bright:#d1ac5f;
  --ice:#8fa3ae;
  --parchment:#e7ddc3; --parchment-dim:#8c8570; --ink:#171310;

  --display:'TAN Nighttingale', 'Cormorant Garamond', serif;
  --body-font:'Questrial', sans-serif;
  --mono:'JetBrains Mono', monospace;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--void); color:var(--parchment);
  font-family:var(--body-font); font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
::selection{ background:var(--wine); color:var(--parchment); }
a{ color:inherit; }
button{ font-family:inherit; cursor:pointer; }
:focus-visible{ outline:1px solid var(--gold-bright); outline-offset:4px; }
h1,h2,h3{ font-family:var(--display); font-weight:500; margin:0; letter-spacing:0.01em; }

.eyebrow{ font-family:var(--mono); font-size:0.68rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); }
.wrap{ max-width:1180px; margin:0 auto; padding:0 6vw; }
.divider{ height:1px; background:linear-gradient(90deg, transparent, var(--gold), transparent); margin:0 auto; max-width:1180px; opacity:0.35; }

.grain{
  position:fixed; inset:0; z-index:90; pointer-events:none; opacity:0.045; mix-blend-mode:overlay;
  background-repeat:repeat; background-size:180px 180px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)'/%3E%3C/svg%3E");
}

footer{
  padding:3rem 0 4rem; text-align:center; font-family:var(--mono); font-size:0.64rem;
  letter-spacing:0.12em; color:var(--parchment-dim); text-transform:uppercase;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}