/* ===== CSS VARIABLES ===== */
:root {
  --gold: #bb9a65;
  --gold-light: #d1b585;
  --gold-dark: #96784d;
  --gold-pale: #e6dcc8;
  --primary: #8c6239; /* Golden Brown */
  --primary-dark: #704b28;
  --primary-light: #aa7d50;
  --brown: #2e1d13; /* Rich dark brown for header/navbar */
  --brown-alpha: rgba(46, 29, 19, 0.95);
  --black: #000000;
  --black-alpha: rgba(0, 0, 0, 0.95);
  --black-soft: #0c0c0c;
  --black-card: #141414;
  --white: #FFFFFF;
  --white-off: #F8F6F2;
  --gray-light: #E8E4DC;
  --gray-mid: #a0a0a0;
  --gray-dark: #2A2A2A;
  --font-main: 'Cairo', sans-serif;
  --font-display: 'Cairo', sans-serif;
  --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --shadow-gold: 0 0 40px rgba(187, 154, 101, 0.15);
  --shadow-primary: 0 0 40px rgba(140, 98, 57, 0.25);
  --shadow-deep: 0 20px 60px rgba(0,0,0,0.8);
}