:root {
  /* Western Color Palette */
  --western-brown: #8b4513;
  --western-dark: #2c1810;
  --western-light: #d2b48c;
  --western-gold: #daa520;
  --western-dark-gold: #b8860b;
  --western-cream: #f5f5dc;
  --western-text: #2c1810;
  --western-orange: #ff8c00;
  --western-red: #dc143c;
  --western-copper: #b87333;
  --western-sage: #9caf88;

  /* Bootstrap Compatible Colors */
  --primary: var(--western-gold);
  --secondary: var(--western-dark-gold);
  --success: #28a745;
  --info: var(--western-copper);
  --warning: var(--western-gold);
  --danger: var(--western-red);
  --light: var(--western-cream);
  --dark: var(--western-dark);
  --white: #ffffff;
  --black: #000000;

  /* Shadows */
  --shadow: rgba(0, 0, 0, 0.15);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-dark: rgba(0, 0, 0, 0.3);
  --western-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}