/* ============================================
   CON SENTIDO CONSULTING — Design Tokens
   Paleta y tipografía tomadas del manual de marca
   (Branding Con Sentido/ENTREGABLES - LOGO CON SENTIDO.pdf)
   ============================================ */

:root {
  /* Color corporativo */
  --color-primary: #D4145A;       /* magenta / fucsia corporativo */
  --color-primary-dark: #A10F45;  /* magenta profundo — botones/hover */
  --color-primary-tint: #FBE4ED;  /* magenta muy claro — fondos suaves */

  --color-white: #FFFFFF;
  --color-gray-50: #FAFAFA;
  --color-gray-100: #F2F1F0;      /* gris claro */
  --color-gray-300: #D9D7D6;
  --color-gray-600: #6B6B6B;
  --color-gray-800: #2B2A2C;      /* gris oscuro */
  --color-black: #171618;

  /* Tipografía
     Antonio: títulos (Google Fonts, coincide con el manual de marca)
     Futura: cuerpo — no disponible como fuente libre; se usa "Jost" como
     sustituto geométrico temporal hasta contar con los archivos con
     licencia de Futura. Ver nota en NOTAS-PROYECTO.md */
  --font-heading: 'Antonio', 'Arial Narrow', sans-serif;
  --font-body: 'Jost', 'Futura', 'Century Gothic', sans-serif;

  /* Escala tipográfica */
  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.6rem;
  --fs-2xl: 2.2rem;
  --fs-3xl: 3.2rem;
  --fs-4xl: 4.4rem;

  /* Espaciado */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --space-7: 8rem;

  /* Layout */
  --container-max: 1200px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-full: 999px;

  /* Sombra */
  --shadow-sm: 0 2px 10px rgba(23, 22, 24, 0.06);
  --shadow-md: 0 12px 30px rgba(23, 22, 24, 0.10);

  /* Transición */
  --ease: 200ms ease;
}