/* ============================================================
   CerraGo — Color tokens
   Brand: navy (trust/authority) + orange (action/energy).
   Blue is a secondary illustrative tone (service icons).
   ============================================================ */
:root{
  /* --- Brand: Navy (primary dark) --- */
  --navy-900:#081a38;   /* deepest — footer, logo "CERRA" */
  --navy-800:#0a2148;   /* hero headings */
  --navy-700:#0d2b57;
  --navy-600:#123a6e;   /* search panel */
  --navy-500:#1c4f8a;
  --navy-400:#2e6099;   /* "why choose" gradient mid */
  --navy-300:#5a86b8;

  /* --- Brand: Orange (accent / CTA) --- */
  --orange-600:#e56505;
  --orange-500:#f97316;  /* primary CTA, logo "GO", price */
  --orange-400:#fb8c3b;
  --orange-200:#fdd7b3;
  --orange-100:#fff1e3;  /* tint surfaces */

  /* --- Illustrative blue (icons, secondary) --- */
  --blue-600:#1257a3;
  --blue-500:#1b67b7;   /* service icon strokes */
  --blue-100:#e7f0f8;   /* icon chip backgrounds */

  /* --- Semantic green (availability, checks) --- */
  --green-600:#2f8a1e;
  --green-500:#3ea02a;
  --green-100:#e6f4e1;
  --whatsapp:#25d366;

  /* --- Neutrals --- */
  --white:#ffffff;
  --gray-50:#f8f7f6;    /* app / section surfaces */
  --gray-100:#f1f0ee;
  --gray-200:#e4e3e0;   /* hairline borders */
  --gray-300:#cfced0;
  --gray-400:#a7a7ad;
  --gray-500:#7c7f8f;
  --gray-600:#575c73;   /* body text */
  --gray-700:#3a3f52;
  --gray-900:#1c2030;

  /* --- Semantic aliases --- */
  --color-primary:var(--orange-500);
  --color-primary-hover:var(--orange-600);
  --color-secondary:var(--navy-800);
  --color-accent-blue:var(--blue-500);

  --text-heading:var(--navy-800);
  --text-body:var(--gray-600);
  --text-muted:var(--gray-500);
  --text-on-dark:var(--white);
  --text-on-primary:var(--white);
  --text-price:var(--orange-500);
  --text-link:var(--orange-600);
  --text-link-hover:var(--orange-500);

  --surface-page:var(--white);
  --surface-muted:var(--gray-50);
  --surface-card:var(--white);
  --surface-dark:var(--navy-800);
  --surface-dark-panel:var(--navy-600);
  --surface-icon-chip:var(--blue-100);
  --surface-tint:var(--orange-100);
  --surface-success:var(--green-100);

  --border-subtle:var(--gray-200);
  --border-input:var(--gray-300);
  --border-focus:var(--orange-500);

  --success:var(--green-500);
  --success-strong:var(--green-600);
}