/* ============================================
   THEME — Bold Editorial (Speaker)

   High-energy, authoritative, stage-presence.
   Orange = energy/craft. Gold = artisanal.
   Dark surfaces with warm accent pops.
   Best for: keynote speakers, coaches, authors,
   consultants, thought leaders.
   ============================================ */

:root {
  --color-primary:        #ea580c;
  --color-primary-light:  #f97316;
  --color-primary-dark:   #c2410c;
  --color-secondary:      #1c1917;
  --color-secondary-light:#292524;
  --color-accent:         #fbbf24;
  --color-accent-light:   #fcd34d;

  --color-bg:             #0c0a09;
  --color-surface:        #1c1917;
  --color-surface-light:  #292524;
  --color-border:         rgba(255, 255, 255, 0.10);

  --color-text:           #fafaf9;
  --color-text-secondary: #d6d3d1;
  --color-text-muted:     #78716c;

  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.5rem;
  --text-5xl:   3.25rem;
  --text-6xl:   4.5rem;

  --container-max:        1200px;
  --container-padding:    2rem;
  --section-padding:      6rem;
  --grid-gap:             2rem;

  --radius:     6px;
  --radius-lg:  12px;
}

@media (max-width: 1024px) {
  :root {
    --text-6xl: 3.5rem; --text-5xl: 2.75rem; --text-4xl: 2rem;
    --section-padding: 4.5rem;
  }
}
@media (max-width: 768px) {
  :root {
    --text-6xl: 2.5rem; --text-5xl: 2rem; --text-4xl: 1.75rem; --text-3xl: 1.5rem;
    --container-padding: 1.25rem; --section-padding: 3.5rem; --grid-gap: 1.5rem;
  }
}
@media (max-width: 480px) {
  :root {
    --text-6xl: 2rem; --text-5xl: 1.75rem;
    --container-padding: 1rem; --section-padding: 3rem;
  }
}

/* --- Client-specific --- */
.highlight { color: var(--color-accent); }
.divider {
  width: 60px; height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  margin-bottom: 1.5rem; border-radius: 3px;
}
.divider--center { margin-left: auto; margin-right: auto; }

.img-placeholder {
  background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-light) 50%, #44403c 100%);
  display: flex; align-items: center; justify-content: center;
  color: var(--color-text-muted); font-size: var(--text-sm); text-transform: uppercase; letter-spacing: 0.1em;
}

.hero__bg .img-placeholder {
  background: linear-gradient(135deg, #0c0a09 0%, #1c1917 30%, #292524 50%, #1c1917 70%, #0c0a09 100%) !important;
}
.hero__overlay {
  background: linear-gradient(135deg, rgba(12,10,9,0.92) 0%, rgba(12,10,9,0.65) 50%, rgba(12,10,9,0.85) 100%) !important;
}

.page-banner {
  background: linear-gradient(135deg, #0c0a09 0%, #1c1917 30%, #44403c 50%, #1c1917 70%, #0c0a09 100%) !important;
}

.section--accent input::placeholder,
.section--accent textarea::placeholder { color: rgba(255,255,255,0.5); }
.section--accent input, .section--accent textarea, .section--accent select { color: #fff; }

.stat__number { color: var(--color-accent); }
.label { color: var(--color-accent); }

.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: var(--color-accent); }

h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.02em; }

.btn { border-radius: var(--radius); font-weight: 700; letter-spacing: 0.06em; }
.btn--primary:hover { transform: translateY(-1px); box-shadow: 0 4px 20px rgba(234,88,12,0.3); }