/* css/colors.css */
:root {
  --color-background: #F3F0EF;
  --color-text: #0C1F1B;
  --color-text-secondary: #5E5E5E;
  --color-primary: #00513D;
  --color-primary-dark: #003D2E;
  --color-primary-text: #ffffff;
  --color-secondary: #ffffff;
  --color-secondary-light: #f8f9fa;
  --color-secondary-text: #00513D;
  --color-border: #e5e7eb;
  --color-focus-ring: #3b82f6;
  
  /* Button hover states */
  --color-primary-hover: #333;
  --color-primary-hover-dark: #1a1a1a;
  --color-secondary-hover: #f3f4f6;
  --color-secondary-hover-light: #e9ecef;
}