:root {
  /* Primary colors - Dzua Gold/Bronze (from logo) */
  --primary-color: #c4a15a; /* Logo gold */
  --primary-dark: #a78647; /* Deeper bronze */
  --primary-light: #d5b872; /* Lighter gold */
  --primary-color-rgb: 196, 161, 90;
  --primary-dark-rgb: 167, 134, 71;
  --primary-light-rgb: 213, 184, 114;

  /* Secondary colors - Cream/Beige */
  --secondary-color: #f5f5dc; /* Beige - main background tone */
  --secondary-dark: #e6e6d1;
  --secondary-light: #fefefe;
  --secondary-color-rgb: 245, 245, 220;
  --secondary-dark-rgb: 230, 230, 209;
  --secondary-light-rgb: 254, 254, 254;

  /* Accent colors - Brand Deep Green (from logo background) */
  --accent-color: #224a26; /* Medium brand green */
  --accent-dark: #0f2a12; /* Deep brand green */
  --accent-light: #2e5d34; /* Lighter brand green */
  --accent-color-rgb: 34, 74, 38;
  --accent-dark-rgb: 15, 42, 18;
  --accent-light-rgb: 46, 93, 52;

  /* Neutral colors - Warm Grays */
  --neutral-dark: #4a4a4a; /* Charcoal gray for excellent contrast */
  --neutral: #6d6d6d; /* Medium gray for readable text */
  --neutral-light: #a8a8a8; /* Light gray for secondary text */
  --neutral-lighter: #f0f0f0; /* Very light gray for backgrounds */
  --neutral-lightest: #ffffff; /* Pure White */
  --neutral-dark-rgb: 74, 74, 74;
  --neutral-rgb: 109, 109, 109;
  --neutral-light-rgb: 168, 168, 168;
  --neutral-lighter-rgb: 240, 240, 240;
  --neutral-lightest-rgb: 255, 255, 255;

  /* Background colors - Cream Base */
  --bg-dark: #f5f5dc; /* Beige - main background */
  --bg-light: #fffef7; /* Ivory - lighter background */
  --bg-dark-rgb: 245, 245, 220;
  --bg-light-rgb: 255, 254, 247;

  /* Status colors - Refined Spa Theme */
  --success: #9caf88; /* Soft sage for success - matches accent */
  --warning: #8b5a00; /* Rich gold for warnings */
  --danger: #c17b7b; /* Muted terracotta for errors */
  --info: #8bb5d1; /* Soft blue for information */
  --success-rgb: 156, 175, 136;
  --warning-rgb: 139, 90, 0;
  --danger-rgb: 193, 123, 123;
  --info-rgb: 139, 181, 209;

  /* Dzua Spa Brand Colors (aligned to logo) */
  --spa-gold: #c4a15a; /* Logo gold */
  --spa-bronze: #a78647; /* Deeper bronze */
  --spa-sage: #224a26; /* Brand green used as accent */
  --spa-cream: #f5f5dc; /* Background cream */
  --spa-ivory: #fffef7; /* Light ivory */
  --spa-gold-rgb: 196, 161, 90;
  --spa-bronze-rgb: 167, 134, 71;
  --spa-sage-rgb: 34, 74, 38;
  --spa-cream-rgb: 245, 245, 220;
  --spa-ivory-rgb: 255, 254, 247;

  /* Gradient directions - Dzua Spa Theme */
  --gradient-primary: linear-gradient(
    135deg,
    var(--primary-color),
    var(--primary-dark)
  );
  --gradient-secondary: linear-gradient(
    135deg,
    var(--secondary-color),
    var(--secondary-dark)
  );
  --gradient-accent: linear-gradient(
    135deg,
    var(--accent-color),
    var(--accent-dark)
  );
  --gradient-spa-luxury: linear-gradient(
    135deg,
    var(--spa-gold),
    var(--spa-bronze)
  );
  --gradient-spa-natural: linear-gradient(
    135deg,
    var(--spa-sage),
    var(--accent-light)
  );
  --gradient-spa-calm: linear-gradient(
    135deg,
    var(--spa-cream),
    var(--spa-ivory)
  );

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}