/* ══════════════════════════════════════════════════════════════════════
   DS CONSULTORÍA · CAPITAL HUMANO — Sistema de tokens de marca
   Elaborado por Altura Studio · octubre 2026
   Colores medidos por muestreo de píxel directo sobre el archivo fuente
   del logotipo (no aproximados). Ver "Manual de Marca" §3 para la
   metodología completa y las equivalencias CMYK/Pantone de impresión.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* — Color: superficies — */
  --ds-negro: #0C0A08;           /* Negro Profundo · fondo principal */
  --ds-grafito: #1D1A15;         /* Grafito Cálido · tarjetas, superficies elevadas */
  --ds-grafito-borde: #332D23;   /* borde sutil sobre grafito/negro */

  /* — Color: marca — */
  --ds-oro: #BB9A53;             /* Oro Principal · monograma, acentos, CTA */
  --ds-oro-hover: #D4B36E;       /* Oro Principal + 12% luz · hover/foco */
  --ds-oro-opaco: #BB9A5326;     /* Oro Principal a 15% · fondos de resalte, chips */

  /* — Color: texto — */
  --ds-crema: #EAE5CB;           /* Crema · texto principal sobre fondo oscuro */
  --ds-hueso: #C9BFA8;           /* Hueso · texto secundario, metadatos */

  /* — Color: acento de apoyo — */
  --ds-vino: #5B2A2E;            /* Acento Vino · uso puntual, nunca compite con el oro */
  --ds-rosa: #EAAEB6;            /* Rosa Pastel · acento cálido vivo, analogo-extendido del oro (ver Manual de Marca §4) */
  --ds-rosa-suave: #F4D4D9;      /* Rosa Pastel a 40% sobre crema · fondos de resalte muy sutiles */

  /* — Color: estados funcionales (UI del futuro sitio) — */
  --ds-exito: #6F8F5C;
  --ds-alerta: #BB9A53;          /* reutiliza el oro — evita introducir un color nuevo */
  --ds-error: #A4474B;

  /* — Tipografía: familias (el monograma y "Capital Humano" del logo van
     como SVG trazado, no como texto — estas familias son para todo lo
     demás: titulares, cuerpo y UI del sitio y los documentos).
     Abril Fatface e Italiana confirmadas por Isaías 2026-10-09 como las
     más fieles al carácter del logo original entre las opciones reales. */
  --ds-font-titulares: 'Abril Fatface', 'Georgia', serif;
  --ds-font-caps: 'Italiana', 'Georgia', serif;         /* subtítulos trackeados en mayúsculas */
  --ds-font-eyebrow: 'Montserrat', 'Helvetica Neue', sans-serif;
  --ds-font-cuerpo: 'Cormorant', 'Georgia', serif;       /* parrafos — ni Abril ni Italiana tienen minúscula apta para texto corrido */
  --ds-font-ui: 'Montserrat', 'Helvetica Neue', sans-serif;

  /* — Tipografía: escala (rem, base 16px) — */
  --ds-text-display: 4.5rem;     /* titulares hero */
  --ds-text-h1: 2.75rem;
  --ds-text-h2: 2rem;
  --ds-text-h3: 1.5rem;
  --ds-text-eyebrow: 0.8125rem;  /* 13px, siempre con tracking */
  --ds-text-body: 1.125rem;
  --ds-text-small: 0.875rem;
  --ds-text-caption: 0.75rem;

  /* — Tipografía: tracking — */
  --ds-tracking-caps: 0.14em;
  --ds-tracking-eyebrow: 0.28em;

  /* — Espaciado (escala 8px) — */
  --ds-space-1: 0.5rem;
  --ds-space-2: 1rem;
  --ds-space-3: 1.5rem;
  --ds-space-4: 2rem;
  --ds-space-6: 3rem;
  --ds-space-8: 4rem;
  --ds-space-12: 6rem;

  /* — Radio y bordes — */
  --ds-radius: 2px;              /* casi recto — la marca no usa esquinas redondeadas */
  --ds-borde: 1px solid var(--ds-grafito-borde);

  /* — Sombra / resplandor (la marca usa resplandor de color, no sombra gris) — */
  --ds-resplandor-oro: 0 0 32px rgba(187, 154, 83, 0.22);
  --ds-resplandor-oro-suave: 0 0 16px rgba(187, 154, 83, 0.12);
}

/* Fallbacks web-safe si Google Fonts no carga (ver Manual de Marca §6) */
@media print {
  :root {
    --ds-font-titulares: Georgia, 'Times New Roman', serif;
    --ds-font-display: Georgia, 'Times New Roman', serif;
    --ds-font-eyebrow: Arial, Helvetica, sans-serif;
    --ds-font-cuerpo: Georgia, serif;
    --ds-font-ui: Arial, Helvetica, sans-serif;
  }
}