/*
Theme Name: Hello Elementor Child - Stephens Leadership Consultancy
Theme URI: https://stephensleadership.com/
Description: Bespoke Child Theme for Stephens Leadership Consultancy (SLC) built on Hello Elementor, featuring the official SLC brand identity, executive typography, and institutional tokens.
Author: Stephens Leadership Consultancy
Author URI: https://stephensleadership.com/
Template: hello-elementor
Version: 1.1.0
Text Domain: slc-theme
*/

/* ==========================================================================
   SLC OFFICIAL BRAND COLOR TOKENS & DESIGN SYSTEM
   ========================================================================== */

:root {
  /* Official SLC Brand Identity Palette */
  --slc-navy-primary: #0A1D4A;      /* Deep Midnight Navy (Primary Brand Color) */
  --slc-red-primary: #D0112B;       /* Signature Crimson Red (Action & Focus Accent) */
  --slc-slate-muted: #8D95A8;       /* Slate / Steel Gray (Secondary Balance) */
  
  /* Executive Surface & Background Tones */
  --slc-bg-dark: #070F24;           /* Deepest Boardroom Navy-Obsidian */
  --slc-bg-surface: #0E1A38;        /* Elevated Card Navy */
  --slc-bg-card: #132247;           /* Interactive Card Surface */
  --slc-bg-light: #F8F9FC;          /* Clean Editorial Alabaster */
  
  /* Borders & Dividers */
  --slc-border-dark: #1E2D52;
  --slc-border-red: rgba(208, 17, 43, 0.4);
  --slc-border-subtle: rgba(255, 255, 255, 0.08);
  
  /* Typography Colors */
  --slc-text-white: #FFFFFF;
  --slc-text-light: #F1F5F9;
  --slc-text-body: #CBD5E1;
  --slc-text-muted: #8D95A8;
  
  /* Fonts */
  --slc-font-display: 'Cinzel', Georgia, serif;
  --slc-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Geometry */
  --slc-radius-sm: 3px;
  --slc-radius-md: 6px;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY
   ========================================================================== */

body {
  background-color: var(--slc-bg-dark) !important;
  color: var(--slc-text-body) !important;
  font-family: var(--slc-font-sans) !important;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.slc-heading {
  font-family: var(--slc-font-display) !important;
  color: var(--slc-text-white) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

p {
  margin-bottom: 1.25rem;
  color: var(--slc-text-body);
}

a {
  color: var(--slc-red-primary);
  text-decoration: none;
  transition: color 0.25s ease;
}

a:hover {
  color: #E82A45;
}

/* ==========================================================================
   OFFICIAL SLC BUTTONS & BADGES
   ========================================================================== */

.slc-btn-primary,
.elementor-button.slc-btn-primary {
  background-color: var(--slc-red-primary) !important;
  color: #FFFFFF !important;
  font-family: var(--slc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  padding: 15px 32px !important;
  border-radius: var(--slc-radius-sm) !important;
  border: 1px solid var(--slc-red-primary) !important;
  display: inline-block !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.slc-btn-primary:hover,
.elementor-button.slc-btn-primary:hover {
  background-color: #B50D24 !important;
  border-color: #B50D24 !important;
  box-shadow: 0 6px 24px rgba(208, 17, 43, 0.35) !important;
  transform: translateY(-1px);
}

.slc-btn-secondary,
.elementor-button.slc-btn-secondary {
  background-color: transparent !important;
  color: var(--slc-text-white) !important;
  font-family: var(--slc-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  padding: 15px 32px !important;
  border-radius: var(--slc-radius-sm) !important;
  border: 1px solid var(--slc-border-dark) !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.slc-btn-secondary:hover,
.elementor-button.slc-btn-secondary:hover {
  border-color: var(--slc-slate-muted) !important;
  background-color: rgba(141, 149, 168, 0.1) !important;
  color: #FFFFFF !important;
}

.slc-badge {
  display: inline-block;
  font-family: var(--slc-font-sans);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--slc-red-primary);
  background-color: rgba(208, 17, 43, 0.08);
  border: 1px solid rgba(208, 17, 43, 0.25);
  padding: 6px 14px;
  border-radius: var(--slc-radius-sm);
  margin-bottom: 1.5rem;
}

/* ==========================================================================
   CARDS & ACCENTS
   ========================================================================== */

.slc-card {
  background-color: var(--slc-bg-surface);
  border: 1px solid var(--slc-border-dark);
  padding: 2.25rem;
  border-radius: var(--slc-radius-md);
  transition: border-color 0.3s ease, transform 0.3s ease;
}

.slc-card:hover {
  border-color: var(--slc-red-primary);
  transform: translateY(-2px);
}

.slc-quote-border {
  border-left: 3px solid var(--slc-red-primary);
  padding-left: 1.5rem;
}