/*
Theme Name: Bus Upfitters
Theme URI: https://busupfitters.com
Author: Bus Upfitters
Author URI: https://busupfitters.com
Template: hello-elementor
Description: Brand foundation child theme on top of Hello Elementor. Ports the design tokens (palette, type, spacing) from the original Bus Upfitters CMS. Elementor Pro Theme Builder + page editor compose the rest.
Version: 2.0.0
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 8.0
License: All Rights Reserved
Text Domain: busupfitters
Tags: business, elementor, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, responsive-layout
*/

/* ------------------------------------------------------------------
   Brand tokens — exposed as CSS custom properties so any Elementor
   widget that supports CSS vars (and any custom CSS Josh writes)
   can reference them as var(--bu-gold), etc.
   ------------------------------------------------------------------ */
:root {
  --bu-gold:        #ffc928;
  --bu-gold-dark:   #e6b000;
  --bu-gold-light:  #fff0b3;
  --bu-black:       #0a0a0a;
  --bu-white:       #fefefe;
  --bu-g100:        #f5f5f3;
  --bu-g200:        #e8e8e5;
  --bu-g400:        #aaaaaa;
  --bu-g500:        #737370;
  --bu-g700:        #3a3a38;

  --bu-red:         #c0392b; /* Bergstrom / required / error */
  --bu-blue:        #2d5fa8; /* ACT */
  --bu-green:       #1f8a4c; /* RAC */

  --bu-font-body:    'Barlow', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --bu-font-display: 'Barlow Condensed', 'Barlow', system-ui, sans-serif;
}

/* ------------------------------------------------------------------
   Base typography overrides — Hello Elementor's defaults aren't
   Barlow. Override at the body + heading level so any text not
   styled directly by Elementor still picks up the brand.
   ------------------------------------------------------------------ */
body {
  font-family: var(--bu-font-body);
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bu-font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.05;
}

/* Brand accent for default WP links not styled by Elementor. */
a { color: var(--bu-gold-dark); }
a:hover { color: var(--bu-black); }
