/* ============================================================
   REALATRENDS — DESIGN TOKENS
   Real Estate Services, Inc · Laguna Beach, CA · Est. 1983
   ============================================================ */

:root {
  /* ----- Brand color ----- */
  --rt-blue:           #0858A8;   /* Primary — wordmark, signage, anchor bars  */
  --rt-blue-deep:      #084785;   /* Pressed / hover / shadowed lockups        */
  --rt-blue-ink:       #062F5A;   /* Dark text on light, link hover            */
  --rt-cyan:           #08B8F8;   /* Accent — scan banners, callouts           */
  --rt-cyan-soft:      #6FD1F4;   /* Soft accent — bars, dividers              */

  /* ----- Medallion / metals ----- */
  --rt-silver:         #A8B0B7;   /* Medallion ring                            */
  --rt-silver-soft:    #C8D8E8;   /* Highlight on ring                         */

  /* ----- Paper & ink ----- */
  --rt-paper:          #FFFFFF;
  --rt-paper-warm:     #FAF7F1;   /* Magazine spreads                          */
  --rt-ink:            #1A1A1A;
  --rt-ink-soft:       #4A4A4A;
  --rt-rule:           #D7DBE0;
  --rt-muted:          #8A8F96;

  /* ----- Functional (charts / valuation reports) ----- */
  --rt-amber:          #F2A93A;   /* Histograms, market data                   */
  --rt-amber-soft:     #FCDBA0;
  --rt-green:          #6FB04A;   /* Risk gauge — low / good                   */
  --rt-red:            #C24438;   /* Risk gauge — high                         */

  /* ----- Type ----- */
  --rt-font-display:   "Cinzel", "Trajan Pro", "Cormorant SC", Georgia, serif;
  --rt-font-serif:     "Cormorant Garamond", "Adobe Garamond Pro", Georgia, serif;
  --rt-font-sans:      "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  --rt-font-mono:      "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* ----- Spacing scale (8pt grid) ----- */
  --rt-s-1: 4px;
  --rt-s-2: 8px;
  --rt-s-3: 12px;
  --rt-s-4: 16px;
  --rt-s-5: 24px;
  --rt-s-6: 32px;
  --rt-s-7: 48px;
  --rt-s-8: 64px;
  --rt-s-9: 96px;
  --rt-s-10: 128px;

  /* ----- Radius (minimal — brand is classical / squared) ----- */
  --rt-r-sm: 2px;
  --rt-r-md: 4px;
  --rt-r-lg: 8px;
  --rt-r-pill: 999px;

  /* ----- Shadow ----- */
  --rt-shadow-card: 0 1px 2px rgba(6, 47, 90, .06), 0 8px 24px rgba(6, 47, 90, .08);
  --rt-shadow-lift: 0 4px 12px rgba(6, 47, 90, .12), 0 24px 60px rgba(6, 47, 90, .14);

  /* ----- Signature treatments ----- */
  /* "Banded wordmark" — the horizontal double-rule with end caps that bracket the subhead */
  --rt-band-thickness: 6px;
  --rt-band-cap-width: 32px;
}

/* All numerals across Realatrends projects render with lining (straight-baseline)
   figures, not the old-style figures Cormorant Garamond defaults to. Phone numbers,
   prices, and DRE numbers all read flat and even. */
html, body, h1, h2, h3, h4, h5, h6, p, li, dd, dt, span, strong, b, em, td, th {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}