/* ==========================================================================
   THEME CONFIG — colors & fonts only.
   Hand-edit this file to re-skin the site without touching style.css
   ========================================================================== */

:root {
  /* ---- Brand colors (warm, friendly, low "tech" feel) ---- */
  --color-primary: #2f7a63;        /* deep leaf green - headings, nav, buttons */
  --color-primary-dark: #235c4b;   /* hover / active states */
  --color-primary-light: #e8f3ef;  /* soft green tint - section backgrounds */

  --color-accent: #f3a53c;         /* warm marigold - highlights, badges, CTAs */
  --color-accent-dark: #d98b21;

  --color-bg: #fffaf3;             /* warm off-white page background */
  --color-surface: #ffffff;        /* card / panel background */

  --color-text: #2b2b2b;           /* main body text */
  --color-text-muted: #6b6b6b;     /* secondary text */
  --color-text-inverse: #ffffff;   /* text on dark/colored backgrounds */

  --color-border: #e4ddd0;

  --color-success: #2f7a63;
  --color-error: #c0453a;

  /* ---- Fonts ---- */
  --font-heading: 'Poppins', 'Segoe UI', Tahoma, sans-serif;
  --font-body: 'Nunito', 'Segoe UI', Tahoma, sans-serif;

  /* ---- Spacing / shape (kept here so the "feel" of the site is tunable) ---- */
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
  --max-width: 1100px;
}