/* ============================================================
   00-variables.css
   Sistema de diseño — Carballo & Asociados Consultores
   Paleta: "dossier" editorial — papel piedra + tinta azul noche + bronce.
   Tipografía: Fraunces (display, uso editorial de titulares)
               + Manrope (texto, UI, navegación).
   ============================================================ */

:root {
  /* ---- Color ---- */
  /* ---- Color ---- */
  --bg-paper: #F2F0E9;        /* papel/crema — fondo general claro */
  --bg-paper-alt: #DED8CA;    /* crema más oscuro — franjas de sección alternas */
  --bg-navy: #000000;         /* tinta negra — header, footer, secciones oscuras */
  --bg-navy-soft: #1C1B17;    /* variante para tarjetas sobre fondo oscuro */
  --ink: #11110F;             /* texto principal sobre papel */
  --ink-soft: #5C584E;        /* texto secundario sobre papel */
  --paper-ink: #F2F0E9;       /* texto sobre fondo oscuro */
  --paper-ink-soft: #B9B4A6;  /* texto secundario sobre fondo oscuro */
  --gold: #FF4FDA;            /* magenta/rosa — acento de marca (CTAs, énfasis) */
  --gold-soft: #F600A8;       /* magenta profundo — hover, variante más saturada */
  --line: #11110F26;          /* líneas divisoras sobre papel (negro ~15% opacidad) */
  --line-navy: #FFFFFF1F;     /* líneas divisoras sobre fondo oscuro (blanco ~12%) */
  /* ---- Tipografía ---- */
  --font-display: "Fraunces", "Iowan Old Style", serif;
  --font-body: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;

  /* ---- Escala tipográfica ---- */
  --fs-hero: clamp(2.4rem, 5.2vw, 4.4rem);
  --fs-h2: clamp(1.9rem, 3.4vw, 2.8rem);
  --fs-h3: clamp(1.2rem, 1.6vw, 1.5rem);
  --fs-eyebrow: 0.8rem;
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;

  /* ---- Layout ---- */
  --max-w: 1180px;
  --header-h: 140px;
  --radius: 4px;
  --section-py: clamp(4rem, 8vw, 7rem);
}

/* Reduced motion: respetar preferencia del usuario en toda la web */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}