/*
  Design tokens (custom properties)
  ----------------------------------
  Single source of truth for color, spacing radii and layout width.
  Update the brand palette here — every component references these
  variables instead of hardcoded values.
*/
:root{
  /* Neutrals */
  --bg:#faf9fc;
  --bg-soft:#f2f0f6;
  --bg-soft-2:#eae7f0;
  --surface:#ffffff;
  --surface-hover:#ffffff;
  --border:rgba(24,18,40,.09);
  --border-strong:rgba(24,18,40,.18);
  --text:#16131f;
  --muted:#5c5766;
  --muted-2:#8f899b;

  /* Brand accent — sampled directly from the Autogrúas J.M logo (#5B2992) */
  --accent:#7c3aed;
  --accent-light:#a78bfa;
  --accent-pink:#d946ef;
  --accent-deep:#5b2992;
  --whatsapp:#25d366;

  /* Radii */
  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:12px;

  /* Layout */
  --maxw:1240px;
}