/* ─── Real Deal Builders / Design tokens ──────────────────────────────────────
   Palette "Navy & Barn Red": drawn straight from the brand logo, a deep navy
   ground with a cream mark and a barn red accent. Navy reads as established and
   trustworthy, cream keeps it warm rather than corporate, and the red is the
   logo accent used for CTAs and highlights. This is the single source of truth.
   hero.css and site.css both read these custom properties, so the whole site
   reskins from this one block. */
:root {
    /* Colour */
    --rdb-accent:       #C0322B;   /* barn red: eyebrows, fills, CTA bg            */
    --rdb-accent-hover: #A5271F;   /* button / control hover (deeper red)          */
    --rdb-success:      #3f8f56;   /* form success banner                          */
    --rdb-ink:          #122236;   /* darkest surface: hero and footer (navy)      */
    --rdb-dark:         #14273D;   /* dark section bg, and darkest text on light   */
    --rdb-dark-hover:   #1B3350;   /* dark card hover                              */
    --rdb-light:        #F4EFE3;   /* light page base (cream)                      */
    --rdb-warm:         #EAE2D2;   /* warm bg: testimonials (deeper cream)         */
    --rdb-divider:      #DBD3C2;   /* card gaps, image placeholder                 */
    --rdb-text:         #45505F;   /* body paragraphs (slate)                      */
    --rdb-text-soft:    #5D6675;   /* secondary paragraphs                         */
    --rdb-muted:        #94A0AE;   /* city labels, placeholder captions            */
    --rdb-quote:        #122236;   /* quote body                                   */
    --rdb-white:        #ffffff;

    /* Type. Zilla Slab is the display face: a square, structural slab serif that
       reads as solid and construction grade, used on the large headings in title
       case. Barlow Condensed stays the working face for eyebrows, small labels,
       and card titles, where its uppercase condensed cut reads as build-industry.
       Roboto Slab and Georgia are the installed fallbacks. */
    /* Headlines use the condensed face so they echo the logo wordmark.
       --rdb-serif kept as an alias so existing rules do not break. */
    --rdb-display: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
    --rdb-serif:   'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
    --rdb-body:    Barlow, Helvetica, Arial, sans-serif;

    /* Layout */
    --rdb-col:     1180px;   /* centred content column          */
    --rdb-pad-y:   clamp(36px, 5.5vw, 92px);
    --rdb-pad-x:   clamp(20px, 5vw, 64px);
    --rdb-nav-h:   72px;
}