/* =====================================================================
   NJBD BRAND TOKENS: the ONLY place colors, fonts, radii and shadows
   are defined for the listify-child-njbd theme. Swap this file to rebrand.
   See README.md for what each variable controls.
   ===================================================================== */
:root{
  /* ---- official NJBD brand palette (named) ---- */
  --njbd-navy:#12304A;             /* Garden State Navy */
  --njbd-blue:#1677B8;             /* Directory Blue */
  --njbd-green:#43A65B;            /* Community Green */
  --njbd-sky:#EAF4FA;              /* Sky Mist */
  --njbd-white:#FFFFFF;            /* White */
  --njbd-slate:#526477;            /* Slate */
  /* derived tints/shades (AA helpers) */
  --njbd-blue-dark:#11609A;        /* hover: 6.4:1 on white */
  --njbd-green-dark:#2E7D45;       /* green text on white: 5.1:1 */
  --njbd-green-tint:#E3F3E7;       /* badge background (navy text 11.8:1) */
  --njbd-sky-strong:#C9E2F2;       /* borders on sky */
  --njbd-line-color:#DCE6EE;       /* card borders */
  --njbd-ink-deep:#0B1F31;         /* bottom footer bar */

  /* ---- role variables (map to palette above) ---- */
  --njbd-primary:var(--njbd-blue);           /* buttons, links (4.8:1 with white) */
  --njbd-primary-hover:var(--njbd-blue-dark);
  --njbd-primary-dark:var(--njbd-navy);      /* hero gradient start */
  --njbd-primary-tint:var(--njbd-sky);
  --njbd-primary-soft:var(--njbd-sky);       /* text on navy/blue hero */
  --njbd-primary-muted:var(--njbd-sky);
  --njbd-focus:var(--njbd-blue);
  --njbd-accent:var(--njbd-green);           /* stars, accents */
  --njbd-accent-bg:var(--njbd-green-tint);   /* Featured/Sponsored badge */
  --njbd-accent-text:var(--njbd-navy);
  --njbd-featured:var(--njbd-green);         /* featured card outline */
  --njbd-sponsored-bg:var(--njbd-green-dark);  /* Sponsored badge (white text 5.1:1) */
  --njbd-sponsored-text:var(--njbd-white);
  --njbd-cta-bg:var(--njbd-sky);               /* owner upgrade/claim panel */
  --njbd-cta-border:var(--njbd-sky-strong);
  --njbd-error:var(--njbd-navy);             /* form step errors (no red in palette) */
  --njbd-error-bg:var(--njbd-sky);
  --njbd-error-border:var(--njbd-blue);
  --njbd-success:var(--njbd-green-dark);     /* checkmarks */
  --njbd-on-primary:var(--njbd-white);
  --njbd-surface:var(--njbd-white);          /* cards, header, inputs */
  --njbd-bg:var(--njbd-sky);                 /* page/section background */
  --njbd-fill:var(--njbd-sky);
  --njbd-line:var(--njbd-line-color);
  --njbd-line-strong:var(--njbd-sky-strong);
  --njbd-heading:var(--njbd-navy);           /* headings, header text */
  --njbd-text:var(--njbd-slate);             /* body (6.1:1 on white, 5.5:1 on sky) */
  --njbd-muted:var(--njbd-slate);
  --njbd-footer-bg:var(--njbd-ink-deep);
  --njbd-footer-text:var(--njbd-sky);
  /* card filler (no real photo): solid, rotates per card; white icon */
  --njbd-filler-1:var(--njbd-navy);
  --njbd-filler-2:var(--njbd-blue);
  --njbd-filler-3:var(--njbd-green);
  --njbd-filler-icon:var(--njbd-white);
  --njbd-filler-icon-size:56px;
  --njbd-logo-tile:104px;
  --njbd-logo-tile-pad:12px;
  /* homepage hero */
  --njbd-hero-bg:var(--njbd-navy);            /* solid navy (no gradient) */
  /* shadows */
  --njbd-shadow-sm:0 1px 2px rgba(15,23,42,.04);
  --njbd-shadow-md:0 4px 14px rgba(15,23,42,.06);
  --njbd-shadow-lg:0 10px 24px rgba(15,23,42,.10);
  --njbd-shadow-xl:0 10px 30px rgba(15,23,42,.25);
  --njbd-shadow-up:0 -6px 18px rgba(15,23,42,.08);
  --njbd-shadow-plan:0 12px 30px rgba(30,64,175,.15);
  --njbd-hero-overlay:linear-gradient(180deg,rgba(15,23,42,.15),rgba(15,23,42,.7));
  --njbd-text-shadow:0 1px 3px rgba(0,0,0,.45);
  /* type & shape */
  --njbd-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --njbd-font-url:"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"; /* informational; enqueue URL is set in functions.php filter njbd_child_font_url */
  --njbd-radius:14px;              /* cards */
  --njbd-radius-sm:10px;           /* buttons, inputs */
  --njbd-radius-lg:18px;           /* CTA panels, pricing */
  --njbd-radius-pill:999px;        /* chips, badges */
  /* listing grid */
  --njbd-grid-gap:20px;
  --njbd-card-ratio:16 / 9;        /* photo area on listing cards */
}