/* =========================================================
   VEGA & ASOCIADOS — DESIGN TOKENS
   Dirección: Editorial Refinado
   Serif de autoridad (Libre Caslon) + Inter (marca ya confirmada)
   Verde bosque (#103529, hex confirmado por cliente) + papel + latón
   ========================================================= */

:root {
  /* ---- Color: núcleo de marca (confirmado por cliente) ---- */
  --verde-bosque: #103529;
  --verde-bosque-80: #103529cc;
  --verde-bosque-40: #10352966;

  /* ---- Color: paleta editorial ---- */
  --papel: #faf6ee;          /* fondo cálido, papel */
  --papel-sombra: #f2ecdd;   /* franjas alternas, ligeramente más cálido */
  --verde-tenue: #e7ede8;    /* tinte verde muy claro para secciones */
  --tinta: #1c1a16;          /* negro cálido para texto */
  --tinta-60: #1c1a1699;
  --niebla: #ded5bd;         /* hairline / bordes cálidos */
  --niebla-fuerte: #c9bd9d;
  --laton: #a9832e;          /* acento latón — usar con moderación */
  --laton-oscuro: #7c611f;
  --marfil: #fffdf8;

  /* ---- Tipografía ---- */
  --font-display: 'Libre Caslon Display', 'Georgia', serif;
  --font-serif-text: 'Libre Caslon Text', 'Georgia', serif;
  --font-body: 'Inter', -apple-system, sans-serif;

  --tracking-eyebrow: 0.16em;
  --tracking-tight: -0.01em;

  /* Escala tipográfica */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-5xl: 4rem;
  --text-6xl: 5.25rem;

  /* ---- Espaciado (escala 4px→96px) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 10rem;

  /* ---- Radios: casi rectos, editorial — sólo un leve suavizado en controles ---- */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;

  /* ---- Bordes ---- */
  --hairline: 1px solid var(--niebla);
  --hairline-fuerte: 1px solid var(--niebla-fuerte);
  --hairline-oscuro: 1px solid var(--verde-bosque-40);

  /* ---- Sombra: mínima, sólo para elevar el "expediente" del hero ---- */
  --shadow-doc: 0 24px 60px -24px rgba(16, 53, 41, 0.35);
  --shadow-card: 0 1px 0 var(--niebla-fuerte);

  /* ---- Transiciones ---- */
  --ease-editorial: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;

  /* ---- Contenedor ---- */
  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 4vw, 4rem);
}