/**
 * Claro theme – variables (web antigua Packs: red #ee3d23, blue #1F97AE, black #222)
 */
:root {
  /* Brand (Packs: #ee3d23) */
  --claro-red: #ee3d23;
  --claro-red-hover: #da262c;
  --claro-blue: #1f97ae;
  --claro-blue-hover: #177183;

  /* Neutrals */
  --claro-white: #ffffff;
  --claro-bg: #F2F2F2;
  --claro-border: #D0D0D0;
  --claro-gray: #6A6A6A;
  --claro-black: #222222;

  /* Error */
  --claro-error: #b7202e;

  /* Typography */
  --claro-font: "Roboto", sans-serif;
}