:root {
  --background: hsl(220 13% 97%); /* #F8F9FA */
  --foreground: hsl(220 13% 13%); /* #2C3E50 */
  --muted: hsl(220 13% 95%); /* #F1F3F4 */
  --muted-foreground: hsl(220 8% 46%); /* #6B7280 */
  --popover: hsl(0 0% 100%); /* #FFFFFF */
  --popover-foreground: hsl(220 13% 13%); /* #2C3E50 */
  --card: hsl(0 0% 100%); /* #FFFFFF */
  --card-foreground: hsl(220 13% 13%); /* #2C3E50 */
  --border: hsl(220 13% 90%); /* #E5E7EB */
  --input: hsl(220 13% 90%); /* #E5E7EB */
  --primary: hsl(120 50% 20%); /* #2D5016 */
  --primary-foreground: hsl(0 0% 98%); /* #FAFAFA */
  --secondary: hsl(220 13% 95%); /* #F1F3F4 */
  --secondary-foreground: hsl(220 13% 13%); /* #2C3E50 */
  --accent: hsl(30 45% 55%); /* #CD853F */
  --accent-foreground: hsl(0 0% 98%); /* #FAFAFA */
  --destructive: hsl(0 84% 60%); /* #EF4444 */
  --destructive-foreground: hsl(0 0% 98%); /* #FAFAFA */
  --ring: hsl(120 50% 20%); /* #2D5016 */
  --radius: 0.5rem;

  /* Custom nature-inspired colors */
  --forest: hsl(120 50% 20%); /* #2D5016 */
  --sage: hsl(90 30% 55%); /* #87A96B */
  --earth-brown: hsl(25 50% 32%); /* #8B4513 */
  --earth-orange: hsl(30 45% 55%); /* #CD853F */
  --charcoal: hsl(220 13% 20%); /* #2C3E50 */
}