/* Ported from Code Snippets: "JD: Design tokens" (id 34), pulled fresh from production 2026-08-24. */

/* ======================================================================
   JD: Design tokens - Route A, "Modern Archive"
   ----------------------------------------------------------------------
   RULE: no other JD snippet may contain a literal colour. If a value is
   not here, add it here first. The palette drifted the first time round
   precisely because each snippet carried its own hex codes - border grey
   alone existed in four different values, and the warm greys of the
   mockup had been replaced with cool slate ones.

   Mirrors the 12 JD * custom colours added to the Elementor Global Kit
   (kit 109) on 2026-08-04. The kit's SYSTEM slots (primary/secondary/
   text/accent) are deliberately untouched - 636 bindings across 124
   documents depend on them.
   ====================================================================== */
:root{
  /* Brand */
  --jd-navy:#1a3352;
  --jd-navy-dark:#12253c;
  --jd-accent:#e0822f;
  --jd-accent-soft:#fbe9d8;

  /* Status */
  --jd-success:#1f8f7a;
  --jd-success-soft:#e1f3ef;
  --jd-caution:#c08a1f;
  --jd-caution-soft:#faf1dd;

  /* Surfaces */
  --jd-ground:#f6f5f2;
  --jd-surface:#ffffff;
  --jd-tint:#eef2f6;
  --jd-tint-deep:#e6ecf1;

  /* Rules - WARM. Replaces #e5e5e5 / #e6e6e6 / #efefef / #f0f0f0 */
  --jd-rule:#e6e2da;
  --jd-rule-soft:#f0ede6;

  /* Text - WARM. Replaces #1f2937 / #333333 / #6b7280 / #8a8a8a / #777 / #666 */
  --jd-text:#2b2b28;
  --jd-text-muted:#6b6b64;
  --jd-text-invert:#ffffff;

  /* On-navy (added 2026-08-05, footer) - text/rule tints for dark-surface
     components. First consumer is the footer; reuse rather than re-deriving
     rgba(255,255,255,...) values in a component snippet. */
  --jd-on-navy:#ffffff;
  --jd-on-navy-muted:rgba(255,255,255,.62);
  --jd-on-navy-faint:rgba(255,255,255,.34);
  --jd-on-navy-rule:rgba(255,255,255,.14);

  /* Type */
  --jd-font:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  /* Serif accent (added 2026-08-05) - deliberate register-shift for display
     moments (pull-quotes, colophon copy), never body/UI text. Loaded by
     whichever component snippet first needs it (currently "JD: Footer"). */
  --jd-font-serif:'Libre Baskerville',Georgia,serif;
  --jd-fs-h1:25px;
  --jd-fs-label:13px;
  --jd-fs-h3:14.5px;
  --jd-fs-body:14.5px;
  --jd-fs-meta:12.5px;
  --jd-fs-micro:11.5px;
  --jd-ls-label:.09em;
  --jd-lh:1.55;

  /* Geometry */
  --jd-r-lg:10px;
  --jd-r-md:8px;
  --jd-r-sm:6px;
  --jd-r-pill:999px;
  --jd-pad:22px;
  --jd-pad-lg:28px;
  --jd-gap:24px;
  --jd-gap-sm:12px;
  --jd-rail:336px;
  --jd-max:1180px;
}