/* Emotionally Supportive Color Palette
   
   Design principles:
   - Warm, calming colors that feel safe and welcoming
   - Soft contrasts to reduce visual stress
   - Nature-inspired hues that promote calm and healing
   
   Primary colors:
   - Warm sage green: Connection to nature, growth, and healing
   - Soft lavender: Calming, reduces anxiety
   - Warm beige/cream: Comfort and safety
   - Gentle coral: Warmth and encouragement
*/

:root {
  /* Primary brand color - Deeper sage green for better visibility */
  --primary-color: #5A8A4C; /* Deeper sage green - better contrast while maintaining therapeutic feel */
  --primary-hover: #4A7A3C; /* Noticeably darker for clear hover feedback */
  --primary-light: #A8D99C; /* Light sage for backgrounds */
  --primary-extra-light: #E8F5E3; /* Very light sage for subtle backgrounds */
  
  /* Secondary accent - Soft lavender */
  --secondary-color: #A8A4CE; /* Lavender - calming, soothing */
  --secondary-light: #D0CEE2; /* Light lavender */
  
  /* Warm neutrals */
  --warm-white: #FFFDF7; /* Cream white - warmer than pure white */
  --warm-gray: #6B6570; /* Warm gray for text */
  --light-warm-gray: #F5F3F0; /* Light warm gray for backgrounds */
  --medium-warm-gray: #E8E5E0; /* Medium warm gray for borders */
  
  /* Supporting colors */
  --coral-accent: #F4A09C; /* Gentle coral for encouragement */
  --soft-yellow: #FFE5A1; /* Soft yellow for positivity */
  --sky-blue: #A3D5FF; /* Soft sky blue for clarity */
  
  /* Functional colors */
  --success-color: #5A8A4C; /* Same as primary - represents growth */
  --warning-color: #F4A09C; /* Soft coral for gentle warnings */
  --error-color: #E08B8B; /* Muted red - less alarming */
  --info-color: #A3D5FF; /* Soft blue for information */
  
  /* Text colors */
  --text-primary: #3A3A3A; /* Softer than pure black */
  --text-secondary: #6B6570; /* Warm gray */
  --text-light: #8B8B8B; /* Light gray for less important text */
  
  /* Background colors */
  --bg-primary: #FFFDF7; /* Warm white background */
  --bg-secondary: #F5F3F0; /* Light warm gray */
  --bg-chat: #FFFFFF; /* Pure white for chat area */
  
  /* Border colors */
  --border-light: #E8E5E0; /* Light warm border */
  --border-medium: #D0CCC7; /* Medium warm border */
  
  /* Neutral colors */
  --neutral-light: #E8E8E8; /* Light neutral for inputs */
  
  /* Shadow colors */
  --shadow-light: rgba(139, 134, 121, 0.1); /* Warm shadow */
  --shadow-medium: rgba(139, 134, 121, 0.15);
}