/*
Theme Name: Hello Elementor AGM
Theme URI: https://allgoodmarketing.com
Description: Allgood Marketing child theme for Hello Elementor. Enforces v2 brand tokens: Inter font only, white background, #c8312b primary red. No serifs, no italics per brand rule 2026-06-23.
Author: Allgood Marketing
Author URI: https://allgoodmarketing.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-agm
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --agm-red: #c8312b;
  --agm-red-dark: #a81f1a;
  --agm-ink: #0a0a0a;
  --agm-gray: #5a5a5a;
  --agm-soft: #f5f5f5;
  --agm-white: #ffffff;
  --agm-rule: #e5e5e5;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background: var(--agm-white) !important;
  color: var(--agm-ink) !important;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  color: var(--agm-ink);
  letter-spacing: -0.3px;
}
h1 { font-weight: 900; }
h2 { font-weight: 800; }
h3 { font-weight: 700; }

h1 em, h2 em, h3 em {
  font-style: normal !important;
  color: var(--agm-red) !important;
  font-weight: inherit !important;
}

.btn-primary,
.elementor-button.btn-primary,
.elementor-button-primary {
  background: var(--agm-red) !important;
  color: var(--agm-white) !important;
  padding: 14px 32px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border: none !important;
  transition: background 0.2s ease !important;
}
.btn-primary:hover,
.elementor-button.btn-primary:hover { background: var(--agm-red-dark) !important; }

.btn-outline,
.elementor-button.btn-outline {
  background: transparent !important;
  color: var(--agm-ink) !important;
  border: 2px solid var(--agm-ink) !important;
  padding: 12px 30px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.btn-outline:hover { background: var(--agm-ink) !important; color: var(--agm-white) !important; }

.elementor-section.elementor-section-boxed > .elementor-container,
.e-con-inner { max-width: 1200px; }