:root {
  /* ===== Brand Colors ===== */
  --color-teal: #1a8f8a;
  --color-teal-dark: #157570;
  --color-teal-light: #e8f4f4;
  
  /* ===== Neutral Colors ===== */
  --color-text: #1a1a1a;
  --color-muted: #6b7280;
  --color-white: #ffffff;
  --color-bg-warm: #fdf8f3;
  
  /* ===== Borders ===== */
  --color-border: #e9ebee;
  
  /* ===== Shadows ===== */
  --shadow-sm: 0 4px 16px rgba(26, 143, 138, 0.25);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.08);
  
}