/* ============================================================
   JDT Capital Group — design tokens · single source of truth
   Derived 2026-08-26 by design-system from the luxhouserealty.com
   analysis (output/reference-analysis/luxhouserealty-com) at Lani's
   direction: the reference's simplicity, standardized across the site.

   Near-monochrome + one earned accent. Two faces, not three.
   Radius 0. No shadows, no gradients, no grain.

   Load the fonts with this <link> (preconnect first):
   https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Jost:wght@400;500;600&display=swap

   The pages <link> this file before site.css; site.css never re-declares
   these names (web-build-verify · tokens-consumed).
   ============================================================ */
:root {
  /* ---- Colour ---- */
  --color-bg:                #FBFAF8;
  --color-surface:           #FFFFFF;
  --color-surface-2:         #F3F1EC;
  --color-surface-3:         #E9E6DF;
  --color-ink:               #12171D;
  --color-ink-2:             #1B222B;
  --color-ink-3:             #242C36;
  --color-ink-secondary:     #4A4F55;
  --color-ink-tertiary:      rgba(18, 23, 29, 0.62);
  --color-on-dark:           #FFFFFF;
  --color-on-dark-secondary: rgba(255, 255, 255, 0.76);
  --color-on-dark-tertiary:  rgba(255, 255, 255, 0.55);
  --color-accent:            #8A6A2E;
  --color-accent-on-dark:    #C9A466;
  --color-error:             #9B3F2E;
  --color-rule:              rgba(18, 23, 29, 0.12);
  --color-rule-on-dark:      rgba(255, 255, 255, 0.16);

  /* ---- Type ---- */
  --font-display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --font-body:    "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs:   0.75rem;    /* 12 */
  --text-sm:   0.875rem;   /* 14 */
  --text-base: 1.0625rem;  /* 17 */
  --text-md:   1.25rem;    /* 20 */
  --text-lg:   1.5625rem;  /* 25 */
  --text-xl:   2rem;       /* 32 */
  --text-2xl:  2.5rem;     /* 40 */
  --text-3xl:  3.125rem;   /* 50 */
  --text-4xl:  4rem;       /* 64 */
  --leading-body:    1.65;
  --leading-display: 1.08;
  --tracking-label:  0.2em;
  --tracking-button: 0.16em;
  --tracking-nav:    0.12em;

  /* ---- Space ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-section: clamp(5rem, 9vw, 8rem);
  --space-section-tight: clamp(3.5rem, 6vw, 5rem);
  --container-max: 1400px;
  --prose-max: 1040px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);

  /* ---- Shape / motion ---- */
  --radius: 0;
  --radius-pill: 999px;
  --shadow-card: none;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.5s;

  /* ---- Legacy names -----------------------------------------------
     site.css was written against the Ledger/Dossier vocabulary
     (--ink / --paper / --brass / --mono …). They are ALIASES of the
     tokens above, not a second declaration — one value, two names,
     so 400 existing var() references re-skin without a rewrite. */
  --ink:         var(--color-ink);
  --ink-2:       var(--color-ink-2);
  --ink-3:       var(--color-ink-3);
  --ink-soft:    var(--color-on-dark-secondary);
  --ink-faint:   var(--color-on-dark-tertiary);
  --paper:       var(--color-surface);
  --paper-2:     var(--color-surface-2);
  --paper-3:     var(--color-surface-3);
  --paper-soft:  var(--color-ink-secondary);
  --paper-faint: var(--color-ink-tertiary);
  --brass:       var(--color-accent);
  --brass-lt:    var(--color-accent-on-dark);
  --brass-dk:    var(--color-accent);
  --verdigris:   var(--color-accent);
  --rust:        var(--color-error);
  --rule-dark:   var(--color-rule);
  --rule-light:  var(--color-rule-on-dark);
  --display:     var(--font-display);
  --body:        var(--font-body);
  --mono:        var(--font-body);
  --measure:       var(--container-max);
  --measure-prose: var(--prose-max);
}