/* ─── SHARED VARIABLES & RESET (used by all pages) ─── */
    :root {
      --gold: #C08A34;
      --gold-light: #DFB35C;
      --dark-green: #09221E;
      --off-white: #F8F6F2;
      --cream: #EEE9E0;
      --white: #FFFFFF;
      --text-dark: #1a1a1a;
      --text-mid: #4a4a4a;
      --border: rgba(192, 138, 52, 0.25);
      --r-sm: 8px;
      --r-md: 14px;
      --r-lg: 20px;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }