/* ============================================================
   Sea Sky — shared design tokens (SINGLE SOURCE OF TRUTH).
   Loaded by EVERY page before its page-specific CSS, so the
   palette lives in exactly one place. Edit here to recolour the
   whole site. Current scheme: Oliver's-Travels-style neutral.
   (Token names kept broad so home.css, villas.css, villa-page.css
   and styles.css all resolve against this one file.)
   ============================================================ */
:root {
  /* surfaces */
  --cream: #fcfbf9;          /* page canvas (near-white) */
  --panel: #ffffff;
  --white: #ffffff;
  --surface-soft: #f4f4f2;   /* cards / light panels */
  --sky: #f3f3f1;            /* neutral section band */
  --sky-soft: #f7f7f5;

  /* text */
  --navy: #29293d;           /* headings + body text (dark navy-charcoal) */
  --navy-deep: #1d1d2b;      /* darker: hovers / dark sections */
  --navy-soft: #83838a;      /* muted text */
  --ink: #29293d;

  /* accents — gold retired in favour of a quiet neutral grey */
  --gold: #8f9094;
  --sand: #8f9094;
  --coral: #8f9094;
  --coral-dark: #6f7075;
  --sea: #5f6b70;

  /* hairlines */
  --line: #e6e5e2;
  --line-soft: #e6e5e2;

  /* WhatsApp (functional brand colour — kept) */
  --wa-green: #22b558;
  --wa-green-dark: #1a9c4a;

  /* shape + depth */
  --radius: 14px;
  --radius-lg: 0;   /* squared to match the main-site design */
  --radius-md: 0;
  --shadow: 0 16px 40px rgba(20, 20, 25, 0.10);
}