:root {
  /* Brand Colors */
  --color-primary:       #C8A882;
  --color-primary-dark:  #A8855A;
  --color-primary-light: #E8D5BC;
  --color-secondary:     #2C3E50;
  --color-dark:          #1A1A1A;
  --color-light:         #FAF8F5;
  --color-white:         #FFFFFF;
  --color-gray-100:      #F5F3F0;
  --color-gray-200:      #E8E4DF;
  --color-gray-300:      #D0CAC3;
  --color-gray-400:      #9E9589;
  --color-gray-600:      #6B6560;
  --color-text:          #2C2C2C;
  --color-text-light:    #6B6560;
  --color-success:       #27AE60;
  --color-error:         #E74C3C;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Raleway', sans-serif;
  --font-accent:  'Cormorant Garamond', serif;

  /* Font sizes */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* Spacing */
  --section-padding:    80px 0;
  --section-padding-sm: 48px 0;
  --container-max:      1280px;
  --container-padding:  0 24px;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.06);
  --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
  --shadow-hover:0 12px 40px rgba(0,0,0,0.15);
  --shadow-lg:   0 20px 60px rgba(0,0,0,0.2);

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition:      all 0.3s ease;
  --transition-fast: all 0.15s ease;

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

  /* Header height */
  --header-h: 80px;
}