/*
Theme Name: Behind The Pumps
Theme URI: https://behindthepumps.co.uk
Description: Child theme of Hello Elementor for Behind The Pumps - practical tools, suppliers and know-how for the licensed trade. Loads brand fonts (League Spartan, Inter, JetBrains Mono) and the Behind The Pumps design tokens.
Author: Race Media Group
Author URI: https://racemediagroup.co.uk
Template: hello-elementor
Version: 1.0.3
Text Domain: behind-the-pumps
*/

/* ==========================================================================
   Behind The Pumps - brand design tokens
   Source: 01-BRAND/design-system/BRAND-GUIDELINES.md
   ========================================================================== */
:root{
  /* Primary palette */
  --btp-navy:      #15232D;
  --btp-brass:     #C8922E;
  --btp-cream:     #F3EBDD;
  --btp-green:     #31483F;
  --btp-slate:     #66737C;
  /* Neutrals */
  --btp-white:     #FFFFFF;
  --btp-charcoal:  #0F1720;
  /* Borders */
  --btp-border:        #E6E2D9;
  --btp-border-strong: #CDB37A;
  --btp-divider:       #D9D2C4;
  /* Radius */
  --btp-r-card: 10px;
  --btp-r-btn:  12px;
  --btp-r-panel:16px;
  --btp-r-pill: 999px;
  /* Shadow */
  --btp-shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --btp-shadow-md: 0 4px 12px rgba(0,0,0,.10);
  --btp-shadow-lg: 0 12px 28px rgba(0,0,0,.16);
  /* Layout */
  --btp-maxw: 1200px;
  /* Fonts */
  --btp-font-head: "League Spartan", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --btp-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --btp-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Base typography fallbacks (Elementor global kit drives most of this;
   these are safety nets for non-Elementor output like the blog + wp-admin-less pages) */
body{
  font-family: var(--btp-font-body);
  color: var(--btp-charcoal);
}
h1,h2,.btp-display{ font-family: var(--btp-font-head); }
h3,h4,h5,h6{ font-family: var(--btp-font-body); font-weight:600; }
code,kbd,pre,.btp-data{ font-family: var(--btp-font-mono); }

/* Utility classes mapped to the brand tokens (handy in Elementor HTML/custom-class fields) */
.btp-bg-navy{ background: var(--btp-navy); color: var(--btp-white); }
.btp-bg-cream{ background: var(--btp-cream); }
.btp-bg-green{ background: var(--btp-green); color: var(--btp-white); }
.btp-accent{ color: var(--btp-brass); }

/* ==========================================================================
   Link colours - kill the inherited pink (#cc3366) default and set brand links.
   Elementor widgets with an explicit colour keep theirs; this only fixes
   links that fall through to the default (footer menus, template prose, etc.).
   ========================================================================== */
/* Higher specificity than Hello Elementor reset.css `a{color:#cc3366}`. */
body a{ color: var(--btp-green); }
body a:hover{ color: var(--btp-brass); }

/* Footer (Header Footer Elementor) sits on Deep Navy - links must read light.
   HFE renders inside <footer id="colophon"> .footer-width-fixer .elementor-266. */
#colophon a,
.footer-width-fixer a,
.elementor-location-footer a{
  color: #C9D2D8;
}
#colophon a:hover,
.footer-width-fixer a:hover,
.elementor-location-footer a:hover{
  color: var(--btp-brass);
}