:root {
  /* Font */
  --font-primary: 'Poppins', sans-serif;

  /* Background */
  --bg-primary: #f5f7f2;        /* main background */
  --bg-secondary: #eef1eb;      /* cards, secondary surfaces */
  --color-surface: #ffffff;     /* card/modal/dropdown backgrounds */

  /* Text */
  --text-primary: #2b2b2b;
  --text-secondary: #444;
  --text-muted: #666;
  --text-disabled: #888;
  --color-on-primary: #f0f0ec;  /* text/icons on primary-colored backgrounds */

  /* Primary — dark green (navbar, headings, structure) */
  --primary: #2d5a3d;
  --primary-dark: #1e3d2b;
  --primary-light: #eef1eb;

  /* Accent — amber (CTA buttons, active states, highlights) */
  --accent: #e8962a;
  --accent-dark: #c97a1c;

  /* Borders & shadows */
  --border: #d0d5cc;
  --border-light: #e0e0e0;
  --shadow-light: rgba(0, 0, 0, 0.08);

  /* Navbar */
  --color-navbar-link-hover-bg: rgba(255, 255, 255, 0.12);

  /* Feedback */
  --success: #28a745;
  --warning: #ffc107;
  --error: #dc3545;
}