/* =============================================================
   VARIABLES  — css/variables.css
   Central design tokens. Edit here to restyle the whole site.
   ============================================================= */
:root {
  /* ── Colours ─────────────────────────────────────────────── */
  --pq-ink:         #111c18;
  --pq-muted:       #5a6b62;
  --pq-green:       #243d2c;
  --pq-green-mid:   #3a6147;
  --pq-green-light: #4e7c5f;
  --pq-orange:      #e8871a;
  --pq-sand:        #f2ede4;
  --pq-sage:        #dfeadd;
  --pq-blue:        #d9edf2;
  --pq-white:       #ffffff;
  --pq-border:      #e2dbd0;
  --pq-cream:       #f9f6f0;

  /* ── Shadows ─────────────────────────────────────────────── */
  --pq-shadow:    0 2px 12px rgba(16,37,41,.07);
  --pq-shadow-md: 0 6px 28px rgba(16,37,41,.10);
  --pq-shadow-lg: 0 16px 56px rgba(16,37,41,.14);

  /* ── Radius ──────────────────────────────────────────────── */
  --pq-radius:    10px;
  --pq-radius-lg: 16px;
  --pq-radius-xl: 22px;

  /* ── Typography ──────────────────────────────────────────── */
  --pq-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ── Layout ──────────────────────────────────────────────── */
  /* Increase this number to make the site wider globally */
  --pq-max:    1500px;
  --pq-gutter: clamp(16px, 3vw, 40px);

  /* ── Transitions ─────────────────────────────────────────── */
  --pq-ease: .18s ease;
}