/* variables.css — Formulario 5 — Azul + Verde */
:root {
  --c-bg:        #ffffff;
  --c-page:      #ddeef9;

  --c-ink:       #0a1628;
  --c-ink-2:     #1a2e4a;
  --c-ink-3:     #4a6a8a;
  --c-ink-4:     #9ab5cc;

  /* Azul exacto de la imagen */
  --c-blue:      #1a8fd1;
  --c-blue-dk:   #0d6ea8;
  --c-blue-lt:   #e8f5fc;
  --c-blue-md:   #5ab0de;
  --c-blue-pale: #bce0f4;
  --c-blue-sat:  #2497e0;
  --c-blue-deep: #084e7a;

  /* Verde exacto de la imagen */
  --c-green:     #4dba57;
  --c-green-dk:  #35a340;
  --c-green-lt:  #eaf9eb;
  --c-green-pale:#b8edbd;

  --c-cyan:      #1a8fd1;
  --c-cyan-lt:   #e8f5fc;

  --c-line:      #d8ecf8;
  --c-line-md:   #a8d4ee;
  --c-line-dk:   #6ab5dd;
  --c-sec-bg:    #f2f9fd;

  /* Nueva tipografía */
  --ff-title: 'Syne', sans-serif;
  --ff-body:  'DM Sans', sans-serif;
  --ff-mono:  'Space Mono', monospace;

  --r-xs: 3px;
  --r-sm: 7px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  --shadow-card: 0 8px 40px rgba(26,143,209,0.13);
  --shadow-sec:  0 2px 10px rgba(26,143,209,0.08);
}