/* ═══════════════════════════════════════════════════════════
   RENMORE HOMES — Design Tokens
   ═══════════════════════════════════════════════════════════ */

:root {
    /* Colours */
    --navy:      #001138;
    --gold:      #ccba78;
    --cream:     #f9fbee;
    --off-white: #f9fbee;
    --error:     #bf2626;
    --border:    rgba(0, 17, 56, 0.12);

    /* Fonts */
    --font-heading: 'Than', serif;
    --font-body:    'Montserrat', sans-serif;

    /* Montserrat weights */
    --weight-light:    300;
    --weight-medium:   500;
    --weight-semibold: 600;
    --weight-bold:     700;

    /* Typography — body copy */
    --font-size-body:   16px;
    --line-height-body: 22px;

    /* Type scale — sizes above body */
    --font-size-md: 18px;
    --font-size-lg: 20px;
    --font-size-xl: 24px;

    /* Spacing scale */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  16px;
    --space-4:  24px;
    --space-5:  32px;
    --space-6:  48px;
    --space-7:  64px;
    --space-8:  80px;
    --space-9:  140px;

    /* Border radius */
    --radius-none:   0px;
    --radius-sm:     3px;
    --radius-btn:    6px;
    --radius-card:   20px;
    --radius-circle: 255px;
}