/* CatalogaPro · tokens de marca (Manual de marca v1.0, octubre 2026).
   Fuente única para la web pública y la app. Tipografía: Montserrat (Google Fonts)
   <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> */
:root {
  /* Color de marca */
  --cp-azul: #203B70;          /* navegación, títulos, botones secundarios */
  --cp-naranjo: #EA591D;       /* botón principal y destacados (uno por pantalla) */
  --cp-naranjo-texto: #C2410C; /* enlaces y textos naranjos pequeños sobre blanco */
  --cp-negro: #1D1D1B;
  /* Interfaz */
  --cp-tinta: #1D2433;         /* texto principal */
  --cp-gris-texto: #5B6478;    /* texto secundario */
  --cp-borde: #E1E5EE;         /* bordes de campos y divisores */
  --cp-superficie: #F4F6FA;    /* fondos de sección y paneles */
  --cp-blanco: #FFFFFF;
  --cp-exito: #1F9D55;
  --cp-error: #D93636;
  /* Tipografía */
  --cp-fuente: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --cp-h1: 700 48px/56px var(--cp-fuente);
  --cp-h2: 700 32px/40px var(--cp-fuente);
  --cp-h3: 600 20px/28px var(--cp-fuente);
  --cp-parrafo: 400 16px/24px var(--cp-fuente);
  --cp-pequeno: 400 14px/20px var(--cp-fuente);
  --cp-etiqueta: 500 12px/16px var(--cp-fuente); /* en mayúsculas */
  /* Espaciado: solo estos valores (grilla de 8 px) */
  --cp-e1: 4px; --cp-e2: 8px; --cp-e3: 16px; --cp-e4: 24px;
  --cp-e5: 32px; --cp-e6: 48px; --cp-e7: 64px;
  /* Radios */
  --cp-radio-control: 8px;   /* botones y campos */
  --cp-radio-tarjeta: 12px;
  --cp-radio-ventana: 16px;
  /* Sombra: solo en elementos flotantes (menús, ventanas) */
  --cp-sombra-flotante: 0 8px 24px rgba(29, 36, 51, 0.12);
  --cp-ancho-max: 1200px;
}