/* ============================================================
 * The Oasis Group — Design tokens (CSS custom properties)
 * ============================================================
 * Variables de marca reutilizables desde Elementor (Custom CSS)
 * y desde las hojas del tema. Sincronizar con los Global Colors
 * de Elementor (Site Settings → Global Colors).
 * ============================================================ */

:root {
  /* Colores base */
  --oasis-navy: #082245;
  --oasis-dark: #0F2440;
  --oasis-navy-soft: #1B3A5C;
  --oasis-gold: #C9A96E;
  --oasis-gold-light: #E8D5A8;
  --oasis-cream: #F8F6F0;
  --oasis-light-gray: #F4F7FA;
  --oasis-border: #E2E8F0;
  --oasis-gray: #64748B;
  --oasis-white: #FFFFFF;

  /* Acentos por división (IDEA) */
  --accent-invest: #082245;   /* Real Estate   — Invest    */
  --accent-develop: #FA6A0A;  /* Development   — Develop   */
  --accent-experience: #77B5E0; /* Experiences — Experience */
  --accent-activate: #D2B48C; /* Management    — Activate  */

  /* Tipografías */
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-accent: "Cormorant Garamond", Georgia, serif;
}