/* Obra Viva — base común (tipografías locales: funciona sin internet en la muestra) */
@font-face { font-family: "Cormorant"; src: url("vendor/fuentes/cormorant-300.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Cormorant"; src: url("vendor/fuentes/cormorant-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("vendor/fuentes/inter-variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  color-scheme: dark;
  --plano: #0a0a0c;
  --superficie: #161615;
  --tinta: #f3efe8;
  --tinta-2: #c3c2b7;
  --tinta-3: #8f8d86;
  --borde: rgba(255, 255, 255, 0.1);
  --calido: #e9a15f;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: "Cormorant", "Iowan Old Style", Georgia, serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--plano); color: var(--tinta); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
h1, h2, p { margin: 0; }
.marca { font-size: 0.72rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--tinta-3); }