/* =========================================================
   VIVANTIQ — Design Tokens
   Cambiar aquí para actualizar la identidad visual global.
   ========================================================= */

:root {
  /* --- Color --- */
  --vq-obsidian: #0B0C0E;      /* fondo principal oscuro */
  --vq-graphite: #17181B;      /* superficies secundarias, cards */
  --vq-graphite-2: #202226;    /* hover / bordes sutiles */
  --vq-porcelain: #F5F3EF;     /* fondo claro / texto sobre oscuro */
  --vq-stone: #9A978F;         /* texto secundario */
  --vq-stone-dim: #6B6963;     /* texto terciario / captions */
  --vq-brass: #B08D57;         /* acento de marca */
  --vq-brass-soft: #B08D5733;  /* acento con opacidad, para líneas/hover */
  --vq-mist: #C9CDD3;          /* detalle metálico frío */
  --vq-line: #2A2B2F;          /* líneas divisorias sobre fondo oscuro */

  /* --- Tipografía --- */
  --vq-font-display: "Fraunces", "Georgia", serif;
  --vq-font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
  --vq-font-mono: "JetBrains Mono", "SF Mono", monospace;

  --vq-h1: clamp(2.5rem, 5vw + 1rem, 4.75rem);
  --vq-h2: clamp(1.9rem, 3vw + 1rem, 3rem);
  --vq-h3: clamp(1.3rem, 1.5vw + 1rem, 1.75rem);
  --vq-body: 1.05rem;
  --vq-caption: 0.8rem;

  --vq-lh-tight: 1.1;
  --vq-lh-normal: 1.6;

  /* --- Espaciado --- */
  --vq-space-xs: 0.5rem;
  --vq-space-sm: 1rem;
  --vq-space-md: 2rem;
  --vq-space-lg: 4rem;
  --vq-space-xl: 7rem;
  --vq-space-2xl: 11rem;

  /* --- Layout --- */
  --vq-max-width: 1240px;
  --vq-radius: 2px; /* casi recto: arquitectónico, no "app" */
  --vq-transition: 420ms cubic-bezier(0.16, 1, 0.3, 1);
}