/*
Theme Name: Lucian Thornveil
Theme URI: https://www.lucianthornveil.com
Author: Meta AI para Lucian Thornveil / David Carrelón
Author URI: https://www.lucianthornveil.com
Description: Theme artesanal, oscuro y literario para thriller psicológico. Inspirado en memoria, culpa y secretos enterrados. Tipografía editorial, modo oscuro por defecto, soporte para libros, mentorías y blog. Optimizado para Gutenberg, SEO y velocidad.
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lucianthornveil
Tags: dark, thriller, gothic, editorial, books, minimal, custom-colors, custom-logo
*/

:root{
  --bg:#0a0a0a;
  --bg-soft:#141414;
  --paper:#F5F1E8;
  --paper-dim:#d8d2c3;
  --blood:#8B1A1A;
  --blood-hover:#a61e1e;
  --gold:#C9A86A;
  --gold-soft:#e8d5a8;
  --text:#F5F1E8;
  --text-dim:#9a9590;
  --border:#222;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none;transition:.2s}
a:hover{color:var(--gold-soft)}
h1,h2,h3,h4{font-family:"Cormorant Garamond", Georgia, serif; font-weight:600; line-height:1.1; letter-spacing:-0.02em}
h1{font-size:clamp(2.8rem,6vw,5.5rem)}
h2{font-size:clamp(2rem,4vw,3.2rem)}
.container{width:min(var(--max),92%);margin-inline:auto}
.eyebrow{font-family:monospace; text-transform:uppercase; letter-spacing:.25em; font-size:.75rem; color:var(--gold)}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:3rem 0}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{ display:flex; align-items:center; justify-content:space-between; padding:1rem 0}
.logo{font-family:"Cormorant Garamond",serif; font-size:1.6rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text)}
.logo span{color:var(--gold)}
.nav-links{display:flex; gap:2rem; list-style:none; margin:0; padding:0; font-size:.9rem; letter-spacing:.12em; text-transform:uppercase}
.nav-links a{color:var(--text-dim)} .nav-links a:hover{color:var(--text)}
.menu-toggle{display:none}

/* Hero */
.hero{padding:8rem 0 6rem; position:relative; overflow:hidden}
.hero::before{content:""; position:absolute; inset:0; background:radial-gradient(600px 400px at 20% 10%, rgba(139,26,26,.25), transparent), radial-gradient(800px 600px at 90% 80%, rgba(201,168,106,.12), transparent)}
.hero-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:4rem; align-items:end; position:relative}
.hero kbd{font-family:monospace; background:var(--bg-soft); border:1px solid var(--border); padding:.2em .5em; border-radius:4px; color:var(--text-dim)}
.book-cover{ aspect-ratio:3/4.5; background:var(--bg-soft); border:1px solid var(--border); position:relative; box-shadow:0 30px 60px rgba(0,0,0,.6)}
.book-cover::after{content:""; position:absolute; inset:12px; border:1px solid rgba(201,168,106,.2)}

/* Buttons */
.btn{display:inline-flex; align-items:center; gap:.6em; padding:.9em 1.6em; border:1px solid var(--gold); color:var(--gold); letter-spacing:.15em; text-transform:uppercase; font-size:.8rem; transition:.25s}
.btn:hover{background:var(--gold); color:var(--bg)}
.btn--solid{background:var(--blood); border-color:var(--blood); color:var(--paper)}
.btn--solid:hover{background:var(--blood-hover)}

/* Cards */
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem}
.card{background:var(--bg-soft); border:1px solid var(--border); padding:2rem; position:relative}
.card h3{margin:.5rem 0 1rem}
.card p{color:var(--text-dim); font-size:.95rem}

/* Sections */
.section{padding:5rem 0}
.section--paper{background:var(--paper); color:#111}
.section--paper .eyebrow{color:var(--blood)}
.section--paper h2{color:#0a0a0a}
.section--paper p{color:#333}
.quote{font-family:"Cormorant Garamond",serif; font-size:1.8rem; line-height:1.3; border-left:3px solid var(--blood); padding-left:1.5rem; font-style:italic}

/* Footer */
.site-footer{border-top:1px solid var(--border); padding:4rem 0 2rem; color:var(--text-dim); font-size:.9rem}
.footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:2rem}

@media(max-width:900px){
  .hero-grid, .grid-3, .footer-grid{grid-template-columns:1fr}
  .nav-links{display:none}
  .menu-toggle{display:block; background:none; border:1px solid var(--border); color:var(--text); padding:.5em .8em}
  .nav-links.open{display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0; background:var(--bg); padding:2rem; border-bottom:1px solid var(--border)}
}