/**
 * CommunitasIQ — YOUR CUSTOMIZATION FILE
 * =====================================
 * Edit this file to change fonts, colors, and images.
 * Replace image files in assets/images/ (keep the same filenames)
 * or change the paths below.
 *
 * FONTS: Update --font-heading and --font-body, then change the
 * Google Fonts link in index.html to match (see assets/images/README.txt).
 */

:root {
  /* ── Fonts (change names to any Google Font or system font) ── */
  --font-heading: "Montserrat", "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  /* ── Brand colors ── */
  --color-primary: #002340;
  --color-primary-green: #2e7d32;
  --color-secondary-teal: #009688;
  --color-secondary-blue: #4466a5;
  --color-text: #333333;
  --color-muted: #7a7a7a;
  --color-border: #e6e6e6;
  --color-bg: #ffffff;

  /* ── Hero slider photos (also listed in assets/js/site-settings.js) ── */
  --hero-slide-1: url("assets/images/hero-1.jpg");
  --hero-slide-2: url("assets/images/hero-2.jpg");
  --hero-slide-3: url("assets/images/hero-3.jpg");

  /* ── Images (path relative to index.html, or full URL) ── */
  --image-logo: url("assets/images/logo.png");
  --image-about: url("assets/images/about.jpg");
  --image-approach: url("assets/images/approach.jpg");
  --image-partnership: url("assets/images/partnership.jpg");
  --image-cta: url("assets/images/cta.jpg");

  --image-feature-1: url("assets/images/feature-1.jpg");
  --image-feature-2: url("assets/images/feature-2.jpg");
  --image-feature-3: url("assets/images/feature-3.jpg");
  --image-feature-4: url("assets/images/feature-4.jpg");
  --image-feature-5: url("assets/images/feature-5.jpg");
  --image-feature-6: url("assets/images/feature-6.jpg");

  /* ── Layout ── */
  --max-width: 1140px;
  --section-radius: 0px;
  --hero-min-height: 88vh;
}