:root {
  /* Brand colors */
  --sage: #4a7c6f;
  --sage-rgb: 74, 124, 111;
  --sage-light: #e8f0ee;
  --sage-mid: #7aab9c;
  --sage-dark: #3d6b5f;

  --warm: #c8a96e;
  --warm-rgb: 200, 169, 110;
  --warm-light: #f5ede0;

  /* Text & backgrounds */
  --dark: #354943;
  --dark-rgb: 53, 73, 67;
  --mid: #3d5450;
  --text: #2c3a37;
  --muted: #6b8580;
  --bg: #faf9f7;
  --bg-rgb: 250, 249, 247;

  /* Borders */
  --border: rgba(74, 124, 111, 0.15);

  /* Status / form colors */
  --error: #dc3545;
  --error-bg: #f8d7da;
  --error-text: #721c24;
  --success: #155724;
  --success-bg: #d4edda;
}