/* ============================================================
   variables.css — Design tokens, CSS custom properties & reset
   Shared across all pages | Load first
   Ocean Club Global
   ============================================================ */

:root {
    --gold: #B8922A;
    --gold-mid: #C8A96E;
    --gold-light: #E8D5A8;
    --gold-pale: #F5EDD8;
    --gold-dark: #7A5E10;
    --cream: #FAF7F0;
    --cream-mid: #F2EDE0;
    --cream-dark: #E8DFC8;
    --warm-white: #FEFCF8;
    --text-dark: #1E1A13;
    --text-mid: #4A4030;
    --text-light: #8A7A5E;
    --text-xlight: #B8A88A;
    --border: rgba(184,146,42,0.18);
    --border-mid: rgba(184,146,42,0.28);
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; overflow-x: hidden; }

  body {
    font-family: 'Jost', sans-serif;
    background: var(--warm-white);
    color: var(--text-dark);
    overflow-x: hidden;
  }