/*
Theme Name: New Sevier Vapor Site
Theme URI: https://seviervapor.com
Description: Child theme for the Divi parent theme, carrying the "New Sevier Vapor Site" 2026 redesign — Ford Electric Blue color palette, Anton/Oswald/Bebas Neue type system, and site-wide style overrides. This child theme sets global colors, fonts, and base element styles only. The actual page layouts (home, The Mission, Our Team, Our Shops, Contact) still need to be rebuilt in the Divi Visual Builder using the accompanying design-reference-static-site folder as the exact content, copy, and layout spec.
Author: Danny Gillis (design build via Claude sandbox)
Template: Divi
Version: 1.0.0
Text Domain: seviervapor-child
*/

/* =========================================================
   NEW SEVIER VAPOR SITE — color & type system
   Match these to Divi's Theme Customizer (Divi > Theme Customizer >
   General Settings) wherever possible, so Divi Builder modules pick
   them up automatically. The raw values are repeated here as CSS
   custom properties for any custom CSS modules / this stylesheet.
   ========================================================= */
:root{
  --sv-blue: #47a8e5;        /* primary accent — "Ford Electric Blue" */
  --sv-blue-dark: #1c6fa8;
  --sv-black: #0a0a0a;
  --sv-off-black: #161616;
  --sv-white: #ffffff;
  --sv-paper: #f4f2ee;
  --sv-gray: #555;
}

/* Google Fonts used throughout the design (also enqueued in functions.php):
   Anton (headlines), Oswald (body/UI), Bebas Neue (banner ticker) */
body, p, li, a, input, textarea, button{
  font-family:'Oswald', sans-serif;
}
h1, h2, h3, h4, .et_pb_module_header{
  font-family:'Anton','Bebas Neue',sans-serif;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

/* Global link + accent color overrides */
a{ color:var(--sv-blue); }
::selection{ background:var(--sv-blue); color:#fff; }

/* Divi's default accent color option (Theme Customizer > General Settings >
   Accent Color) should be set to #47a8e5 to match. These overrides are a
   fallback/backstop for common Divi elements if that option isn't used. */
.et_pb_button, .et-social-icon a:hover, .et_pb_more_button{
  border-color:var(--sv-blue) !important;
}
.et_pb_button:hover{
  background:var(--sv-blue) !important;
  color:#fff !important;
}

/* Dark sections (mission / join-the-movement style panels) */
.sv-bg-black{ background:var(--sv-black); color:#fff; }
.sv-bg-paper{ background:var(--sv-paper); }

/* NOTE TO IMPLEMENTER (Local Marketing Pros):
   This child theme only carries global style intent. It intentionally does
   NOT attempt to fabricate Divi Builder shortcode content — that has to be
   built page-by-page in the Divi Visual Builder, since Divi content lives
   in the database as builder-generated markup, not portable static files.
   Use /design-reference-static-site/*.html + styles.css in this same
   delivery as the exact copy, section order, and layout to replicate for:
     - index.html      -> Home
     - the-mission.html -> The Mission
     - the-people.html  -> Our Team
     - our-shops.html   -> Our Shops
     - contact.html     -> Contact
*/
