/* ═══════════════════════════════════════════════════════
   Theme Variables — Single source of truth for all design tokens.
   Child themes override these values in their style.css :root block.
   ═══════════════════════════════════════════════════════ */

:root {
  /* ─── Primary Colors ─── */
  --theme-primary: #1C3D3C;          /* teal — headers, CTA, links */
  --theme-primary-dark: #15302f;     /* teal darker — hover states */
  --theme-accent: #887B63;           /* gold — accents, highlights */
  --theme-accent-dark: #746a54;      /* darker gold for white-text buttons (WCAG compliant) */
  --theme-accent-light: #c4b697;     /* gold lighter — hover */

  /* ─── Background Colors ─── */
  --theme-bg: #F5F2EC;               /* cream — sections, cards bg */
  --theme-bg-light: #f8f7f4;         /* lighter cream */
  --theme-bg-gray: #F3F5F9;          /* gray bg — alt sections */
  --theme-bg-white: #fff;            /* white */

  /* ─── Text Colors ─── */
  --theme-text: #4f5965;             /* body text — paragraphs */
  --theme-text-dark: #2c2c2c;        /* dark text — subheadings */
  --theme-text-body: #101017;        /* darkest — body default */
  --theme-text-light: #666;          /* muted text */
  --theme-text-muted: #6b6560;       /* footer labels, captions */

  /* ─── Border Colors ─── */
  --theme-border: #8a8a8a;           /* card borders, dividers — WCAG 3:1 contrast */
  --theme-border-light: #E5E7EB;     /* lighter borders */
  --theme-border-faq: #e0e0e0;       /* FAQ-specific borders */

  /* ─── Status Colors ─── */
  --theme-green: #287943;            /* good ratings, success */
  --theme-yellow: #e6a817;           /* medium ratings, warning */
  --theme-red: #d01e34;              /* links (legacy), error */
  --theme-button-bg: #336033;        /* default button bg */

  /* ─── Border Radius ─── */
  --theme-radius: 0.75rem;
  --theme-radius-sm: 0.5rem;
  --theme-radius-lg: 1rem;
  --theme-radius-xl: 1.25rem;

  /* ─── Shadows ─── */
  --theme-shadow: 0 2px 16px rgba(28,61,60,0.08);
  --theme-shadow-lg: 0 8px 32px rgba(28,61,60,0.12);

  /* ─── Transitions ─── */
  --theme-transition: 0.3s ease;
  --theme-transition-fast: 0.25s ease;

  /* ─── Typography ─── */
  --font-heading: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-accent: "Playfair Display", serif;
  --font-nav: "Poppins", sans-serif;

  /* ─── Layout ─── */
  --container-padding: 5rem;
  --container-padding-sm: 1rem;
  --container-margin: -5rem;
  --container-margin-sm: -1rem;
  --section-padding: 4rem;
  --section-padding-sm: 1.25rem;

  /* ─── Misc ─── */
  --faq-question-font-size: 2rem;
}