/* ── PDX.Directory canonical brand tokens ─────────────────────────────────
 * Source of truth for --pdx-brand-* / --pdx-navy-* / --pdx-gold-* / --pdx-clay-*
 * referenced across partials, index.php, neighborhood.php, pricing.php, etc.
 *
 * Loaded as a render-blocking <link> in partials/page_wrapper.php so tokens
 * resolve before first paint (prevents the blue-flash bug fixed 2026-05-11).
 *
 * Canonical palette per CLAUDE.md + pricing.php — do NOT change values
 * without updating both. Always use var(--pdx-…, #fallback) in consumer
 * code so a single missing token cannot break the whole render.
 * ────────────────────────────────────────────────────────────────────────── */
:root {
  /* Brand greens (Portland forest / lawn) */
  --pdx-brand-300: #ABD36A;
  --pdx-brand-400: #4ade80;   /* eyebrow green — matches existing literal usage */
  --pdx-brand-500: #22C55E;
  --pdx-brand-600: #16A34A;
  --pdx-brand-700: #3D8B37;
  --pdx-brand-800: #2D6E2A;
  --pdx-brand-primary: #22C55E;
  --pdx-brand-accent:  #ABD36A;

  /* Navy / slate scale (section backgrounds → footer) */
  --pdx-navy-800:  #1B2A4A;
  --pdx-navy-900:  #0F172A;
  --pdx-navy-950:  #0B1120;
  --pdx-navy-1000: #060D1A;

  /* Gold accent (sponsor crown / "Own Region" surface) */
  --pdx-gold-300: #FCD34D;
  --pdx-gold-500: #FBB124;

  /* Clay accent (join.php / about.php callouts) */
  --pdx-clay-400: #e8956a;

  /* Typography fallbacks */
  --pdx-font-heading: 'DM Sans', system-ui, sans-serif;
  --pdx-font-body:    'Inter', system-ui, sans-serif;
}