/* CHECK ASSIST — design tokens
   Fuente única de verdad del design system. En Fase 2 se copian tal cual a globals.css. */
:root {
  /* Marca */
  --ca-navy-900: #082563;
  --ca-navy-800: #0b2f7d;
  --ca-blue-700: #0b46b0;
  --ca-blue-600: #1356c8;
  --ca-blue-100: #e3edfb;
  --ca-blue-50: #f2f7fd;
  --ca-red-600: #e3141f;
  --ca-red-700: #c20f19;

  /* Texto */
  --ca-ink: #0d1f45;
  --ca-text: #3b4a66;
  --ca-muted: #6b7a94;

  /* Superficies */
  --ca-bg: #ffffff;
  --ca-bg-soft: #f4f8fd;
  --ca-line: #e1e8f2;
  --ca-line-strong: #cfd9e8;

  /* Tipografía */
  --ca-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ca-fs-xs: 0.75rem;
  --ca-fs-sm: 0.875rem;
  --ca-fs-base: 1rem;
  --ca-fs-lg: 1.125rem;
  --ca-fs-xl: 1.375rem;
  --ca-fs-2xl: clamp(1.6rem, 1.2rem + 1.4vw, 2.1rem);
  --ca-fs-display: clamp(2.2rem, 1.2rem + 3.2vw, 3.6rem);

  /* Forma */
  --ca-radius-sm: 6px;
  --ca-radius: 10px;
  --ca-radius-lg: 14px;
  --ca-radius-pill: 999px;

  /* Elevación */
  --ca-shadow-sm: 0 2px 8px rgba(11, 47, 125, 0.06);
  --ca-shadow: 0 12px 32px rgba(11, 47, 125, 0.12);
  --ca-shadow-red: 0 8px 20px rgba(227, 20, 31, 0.28);

  /* Layout */
  --ca-container: 1160px;
  --ca-gutter: clamp(16px, 4vw, 32px);
  --ca-section-y: clamp(56px, 7vw, 88px);

  /* Movimiento */
  --ca-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ca-dur: 180ms;
}