/*
Theme Name: B2B Automotive
Theme URI: https://btobautomotive.com
Author: B2B Automotive
Description: Custom WordPress theme for B2B Automotive - digital marketing agency for the automotive service industry (auto body, transmission, towing, dent repair, dealerships).
Version: 1.0.0
Text Domain: b2b-automotive
*/

:root {
  --color-charcoal: #222325;
  --color-charcoal-light: #3D3F42;
  --color-slate: #9CA3AF;
  --color-slate-light: #C4C9CE;
  --color-red: #D62839;
  --color-red-dark: #A31F2C;
  --color-gold: #C9A227;
  --color-gold-light: #E0C05C;
  --color-offwhite: #FAFAF9;
  --color-card-bg: #F1EFE8;
  --color-text-dark: #222325;
  --color-text-light: #FAFAF9;

  --font-heading: 'Barlow Semi Condensed', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;

  --radius: 8px;
  --max-width: 1200px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--color-text-dark);
  background: var(--color-offwhite);
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h1 { font-size: 2.4rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.3rem; }

p { margin: 0 0 1em; }

a { color: var(--color-red); text-decoration: none; }
a:hover { color: var(--color-red-dark); }

img { max-width: 100%; display: block; }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1.25rem;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.75em 1.4em;
  border-radius: var(--radius);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.btn:hover { opacity: 0.88; }

.btn-red { background: var(--color-red); color: #fff; }
.btn-gold { background: var(--color-gold); color: var(--color-charcoal); }
.btn-outline { background: transparent; border: 2px solid var(--color-text-light); color: var(--color-text-light); }