/* ==========================================================================
   Crisser Corporación — Design Tokens (REBRANDING)
   Reemplaza assets/css/tokens.css
   Mantiene los MISMOS nombres de variable (no rompe styles.css / landing.css);
   solo ajusta valores del rebrand y añade tokens de apoyo.
   ========================================================================== */

:root {
  /* ---- Paleta oficial Crisser ---- */
  --color-primary: #0e5688;        /* Azul institucional */
  --color-secondary: #0072b6;      /* Azul de conversión / CTAs */
  --color-accent-1: #336666;       /* Verde-azulado (tags, cue "pago seguro") */
  --color-accent-2: #330066;       /* Violeta (muy dosificado) */
  --color-dark: #0a0d12;           /* Casi-negro de alta lectura para títulos */
  --color-grey: #5f6b78;           /* Texto secundario / subtítulos (tono más legible) */
  --color-light-grey: #99cccc;     /* Pastel azulado / fondos alternos */
  --color-bg: #ffffff;             /* Fondo base */

  /* ---- Neutros de soporte usados por el rebrand ---- */
  --color-body: #4b5563;           /* Cuerpo de párrafo */
  --color-border: #e7edf3;         /* Bordes de card */
  --color-border-2: #e1e9f0;       /* Bordes de card alternos */
  --color-input-border: #dde5ec;   /* Bordes de input */

  /* ---- Tintes de apoyo (no alteran la marca) ---- */
  --color-primary-soft: #e7eef4;
  --color-secondary-soft: #eef4f9; /* Fondo suave de secciones */

  /* ---- Color de producto (Seguros Caracas) — override por landing más abajo ---- */
  --brand: var(--color-secondary);
  --brand-dark: #005f99;
  --brand-soft: #eef4f9;

  /* ---- Tipografía ---- */
  --font-heading: "Poppins", system-ui, sans-serif;
  --font-body: "Raleway", system-ui, sans-serif;
  --font-data: Arial, Helvetica, sans-serif;

  /* ---- Escala tipográfica ---- */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.5rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

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

  /* ---- Radios y sombras ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-card: 18px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 8px 22px rgba(14, 86, 136, 0.06);
  --shadow-card-lg: 0 12px 34px rgba(14, 86, 136, 0.10);
  --shadow-md: 0 6px 20px rgba(14, 86, 136, 0.12);

  /* ---- Layout ---- */
  --container-max: 1280px;
  --header-h: 74px;

  /* ---- Transiciones ---- */
  --transition: 200ms ease;
}

/* Números, tarifas, sumas aseguradas y datos monetarios → Arial */
.data,
.numeric,
.plan-price,
.plan-coverage .data,
.quote-total__amount,
.anexo__sum {
  font-family: var(--font-data);
  font-variant-numeric: tabular-nums;
}