/* ─── 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:        #515D6C;   /* city labels, placeholder captions            */
                                   /* Was #94A0AE, which measured 2.06:1 on the    */
                                   /* warm cream and failed AA everywhere it was   */
                                   /* used. Same hue, darkened until it clears     */
                                   /* 4.5:1 on cream, warm cream, white, and the   */
                                   /* #DBD3C2 divider fill.                        */
    --rdb-accent-on-dark: #DC6963; /* accent text on the navy surfaces only.       */
                                   /* #C0322B on #14273D is 2.69:1. Do NOT use     */
                                   /* this tint on cream, it only reaches 2.93.    */
    --rdb-quote:        #122236;   /* quote body                                   */
    --rdb-white:        #ffffff;

    /* Type. Barlow Condensed is the display face: its uppercase condensed cut
       echoes the logo wordmark and reads as build-industry, and it carries the
       large headings, eyebrows, small labels, and card titles. Barlow carries
       body copy. Impact and Arial Narrow are the installed fallbacks.
       --rdb-serif is kept as an alias so existing rules do not break. Zilla Slab
       was the original display face; the variables moved to Barlow Condensed but
       the font kept being downloaded on every page, so the link was removed. */
    --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;
}