/*
 * boundaryfinder-theme.css
 * ─────────────────────────────────────────────────────────────────────────────
 * Gold brand theme for boundaryfinder.co.nz
 * Loaded ONLY on the boundaryfinder domain — has zero effect on propreports.co.nz
 *
 * HOW IT WORKS
 * ─────────────
 * Variables are declared on body.bf-theme rather than :root.
 * body.bf-theme has specificity (0,1,1) vs :root's (0,1,0), so these values
 * win over any :root definitions in individual page CSS files (gnss.css,
 * gps-accuracy.css, etc.) regardless of load order, and are inherited by every
 * descendant element.
 *
 * COVERS
 * ───────
 * • main.css site chrome (header, nav, mobile menu, buttons, links, focus rings)
 *   via --primary-color-modern / --accent-color-modern override
 * • Page-level hero gradients, borders, icons, accents
 *   via --bf-primary / --bf-primary-dark / --bf-primary-light override
 * ─────────────────────────────────────────────────────────────────────────────
 */

body.bf-theme {

    /* Remove main.css purple body gradient */
    background: #ffffff;

    /* ── main.css global tokens ─────────────────────────────────────── */
    --primary-color-modern:  #b37a1a;   /* was purple #533483 */
    --accent-color-modern:   #e8a838;   /* was purple #764ba2 */

    /* ── bf-* page tokens (gnss.css, gps-accuracy.css, preview-boundary.css) ── */
    --bf-primary:            #b37a1a;   /* was green  #1a5632 */
    --bf-primary-dark:       #92400e;   /* was green  #134025 */
    --bf-primary-light:      #d4922c;   /* was green  #2a7a4a */
    --bf-accent:             #e8a838;
    --bf-accent-dark:        #d4922c;
}

/* ── Header / nav ────────────────────────────────────────────────────────── */

/* Top border accent strip on page header */
body.bf-theme #header {
    border-bottom: 3px solid #e8a838;
}

/* Header reviews link */
body.bf-theme .header-reviews-link {
    color: #b37a1a;
    border-color: #e8a838;
}

body.bf-theme .header-reviews-link:hover {
    background: #fef3c7;
    color: #92400e;
}

/* ── Buttons — primary gradient ─────────────────────────────────────────── */
body.bf-theme .btn-primary,
body.bf-theme .btn-purchase,
body.bf-theme button[type="submit"].btn-primary {
    background: linear-gradient(135deg, #b37a1a 0%, #d4922c 100%);
    border-color: #b37a1a;
}

body.bf-theme .btn-primary:hover,
body.bf-theme .btn-purchase:hover {
    background: linear-gradient(135deg, #92400e 0%, #b37a1a 100%);
    border-color: #92400e;
}

/* ── Footer ─────────────────────────────────────────────────────────────── */
body.bf-theme #footer {
    border-top: 3px solid #e8a838;
}

/* ── Focus / accessibility ring ─────────────────────────────────────────── */
body.bf-theme *:focus-visible {
    outline-color: #b37a1a;
}