/*
 * Base styles — Vanaheimr Digital
 * Reset mínimo + defaults sobre los tokens del hero.
 */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=IBM+Plex+Mono:wght@300;400&display=swap');
@import "tokens.css";

*, *::before, *::after {
  box-sizing: border-box;
  margin:  0;
  padding: 0;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family   : var(--serif);
  font-size     : var(--fs-base);
  color         : var(--ink);
  background    : var(--parchment-1);
  line-height   : 1.6;
  min-height    : 100dvh;
}

img, svg {
  display : block;
  max-width: 100%;
}

a {
  color           : var(--accent);
  text-decoration : underline;
  text-underline-offset: 2px;
}
a:hover {
  color: var(--accent-soft);
}

button {
  cursor      : pointer;
  font-family : inherit;
  border      : none;
  background  : none;
}

/* Utilidades */
.sr-only {
  position : absolute;
  width    : 1px;
  height   : 1px;
  padding  : 0;
  margin   : -1px;
  overflow : hidden;
  clip     : rect(0,0,0,0);
  white-space: nowrap;
  border   : 0;
}