/* The Mystica 2026 — capa homogénea. Tokens + resets + tools. */
:root {
  --noche: #0b0c10;
  --velo: #14161c;
  --velo-alto: #1c2029;
  --luz: #f4f1ea;
  --bruma: #b7b3a8;
  --bruma-tenue: #7d7a72;
  --oro: #d7b56d;
  --oro-claro: #edd9a3;
  --vino: #8a4a4a;
  --linea: rgba(244, 241, 234, 0.10);
  --sombra: rgba(0, 0, 0, 0.45);
  --fuente-display: "Newsreader", "Fraunces", Georgia, serif;
  --fuente-cuerpo: "Outfit", "Inter", -apple-system, sans-serif;
  --fuente-mono: "IBM Plex Mono", ui-monospace, monospace;
  --mt-night: #14161c;
  --mt-night2: #1c2029;
  --mt-gold: #d7b56d;
  --mt-gold2: #edd9a3;
}

html { scroll-behavior: smooth; }
* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--luz);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(215,181,109,.08), transparent 50%),
    radial-gradient(900px 500px at 0% 100%, rgba(90,110,160,.12), transparent 45%),
    var(--noche);
  font-family: var(--fuente-cuerpo);
  line-height: 1.65;
  letter-spacing: -0.011em;
}

h1, h2, h3, .marca, .c-brand {
  font-family: var(--fuente-display);
  letter-spacing: -0.02em;
}

a { color: var(--oro-claro); }
a:hover { color: var(--luz); }

.c-main p, .c-main li { color: #e6e1d6; }

.c-top, .home-nav, .barra-superior {
  backdrop-filter: blur(14px);
}

.c-tile, .c-box, .c-toc, .c-list-tiles a, .tarjeta-servicio {
  background: rgba(255,255,255,0.035) !important;
  border-color: var(--linea) !important;
}

/* tools: same language as the rest of the site */
.mt-tool {
  background: rgba(255,255,255,0.04) !important;
  color: var(--luz) !important;
  border: 1px solid var(--linea);
  border-radius: 22px;
}
.mt-tool h2, .mt-tool .mt-title { color: var(--oro) !important; }
.mt-tool textarea {
  border: 1px solid var(--linea) !important;
  background: rgba(0,0,0,.28) !important;
  color: var(--luz) !important;
  border-radius: 14px !important;
}
.mt-btn {
  background: var(--oro) !important;
  color: #0b0c10 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
.mt-card {
  background: linear-gradient(180deg, #f4f1ea, #e4d7b0) !important;
  color: #1a1712 !important;
  border: 1px solid #c9b27a !important;
}

input, textarea, select {
  font-family: inherit;
}

button, .boton-mistico, .get-reading-btn, .draw-btn {
  font-family: inherit;
}

footer, .pie-home, .c-foot {
  border-top: 1px solid var(--linea);
}