/* ============================================
   HOME MARKET — Design Tokens
   ============================================ */

:root {
  /* Colors */
  --navy:        #1B3A4B;
  --navy-deep:   #0F2535;
  --navy-light:  #254D63;
  --gold:        #C9A96E;
  --gold-light:  #F0D5A0;
  --gold-dark:   #B8885A;
  --gold-pale:   #F7EDD8;
  --cream:       #F8F5F0;
  --white:       #FFFFFF;
  --text:        #1A1A2E;
  --text2:       #4A5568;
  --text3:       #8A95A3;
  --border:      rgba(27,58,75,0.10);
  --border-gold: rgba(201,169,110,0.35);
  --green:       #2ECC71;
  --red:         #E74C3C;

  /* Shadows */
  --shadow-sm:   0 2px 12px rgba(27,58,75,0.07);
  --shadow-md:   0 4px 24px rgba(27,58,75,0.10);
  --shadow-lg:   0 8px 48px rgba(27,58,75,0.14);
  --shadow-gold: 0 4px 24px rgba(201,169,110,0.30);

  /* Spacing */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 40px;
  --gap-xl: 64px;
  --gap-2xl: 96px;

  /* Border radius */
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-full: 999px;

  /* Transitions */
  --t-fast:   0.2s ease;
  --t-base:   0.3s ease;
  --t-slow:   0.5s ease;

  /* Container */
  --container: 1280px;
  --container-pad: 24px;

  /* Z-index */
  --z-header:  100;
  --z-overlay: 200;
  --z-modal:   300;
}