/* ============================================================
   VARIABLES — Goose Creek Auto & Radiator
   ============================================================ */

:root {
  /* ── Colors ── */
  --color-primary: #0A1428;
  --color-primary-dark: #060E1C;
  --color-primary-mid: #0F1F3A;
  --color-bg-primary: var(--color-primary);
  --color-bg-mid: #111827;
  --color-bg-light: #F8F9FA;
  --color-bg-footer: #060E1C;
  --color-accent: #D62828;
  --color-accent-light: #EF4444;
  --color-accent-warm: #E85D3A;
  --color-text-primary: #EAEAEA;
  --color-text-body: #A0AAB5;
  --color-text-muted: #6B7280;
  --color-text-dark: #1A1A2E;
  --color-border: rgba(255, 255, 255, 0.08);

  /* ── Fonts ── */
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* ── Font sizes ── */
  --size-eyebrow: 0.75rem;
  --size-body: 1rem;
  --size-section-h2: clamp(3rem, 7vw, 5.5rem);

  /* ── Font weights ── */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-xblack: 900;

  /* ── Layout ── */
  --container-max: 1200px;
  --container-pad: 1.5rem;

  /* ── Transitions ── */
  --transition-fast: 0.2s ease;
  --transition-mid: 0.35s ease;
  --transition-btn: 0.55s cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Glows ── */
  --glow-accent: 0 0 30px rgba(214, 40, 40, 0.3);
  --glow-accent-sm: 0 0 12px rgba(214, 40, 40, 0.2);
  --size-hero-h1: clamp(3.5rem, 9vw, 9rem);
}

/* ── Font face for heading ── */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JyCHVh8KNSkPv5g6sV9DqV8h.woff2) format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JyCHVh8KNSkPv5g6sV9DqbV8h.woff2) format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JyCHVh8KNSkPv5g6sV9DqjV8h.woff2) format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JyCHVh8KNSkPv5g6sV9DqrV8h.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff2) format('woff2');
}