/* ========================================
   SWIFTDRONE ADVERTISING - DESIGN TOKENS
   Evolved AviAssess Palette: Warm Slate & Muted Gold (Dramatic)
   ======================================== */

:root {
  /* === CORE BRAND COLORS === */
  --color-primary: #4E535C;
  --color-primary-rgb: 78, 83, 92;
  --color-primary-light: #6B7080;
  --color-primary-dark: #3A3E45;

  --color-accent: #C5A059;
  --color-accent-rgb: 197, 160, 89;
  --color-accent-light: #D4B46E;
  --color-accent-dark: #A8863D;
  --color-accent-muted: #9C7F3E;

  /* === BACKGROUNDS (Dark, warm-tinted) === */
  --bg-deepest: #0F0E0C;
  --bg-dark: #1A1917;
  --bg-dark-alt: #1F1E1B;
  --bg-card: #252320;
  --bg-card-hover: #2E2C29;
  --bg-surface: #2A2826;
  --bg-elevated: #353331;

  /* === TEXT === */
  --text-primary: #F5F0E8;
  --text-secondary: #B8B2A8;
  --text-muted: #7A756D;
  --text-accent: var(--color-accent-light);

  /* === BORDERS === */
  --border-subtle: rgba(var(--color-accent-rgb), 0.08);
  --border-default: rgba(var(--color-accent-rgb), 0.15);
  --border-accent: rgba(var(--color-accent-rgb), 0.35);
  --border-dark: rgba(255, 255, 255, 0.06);

  /* === GRADIENTS === */
  --gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(var(--color-accent-rgb), 0.08) 0%, transparent 60%);
  --gradient-ambient: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--color-accent-rgb), 0.15) 0%, transparent 60%);
  --gradient-section: var(--gradient-ambient), linear-gradient(180deg, var(--bg-deepest) 0%, var(--bg-dark) 100%);
  --gradient-section-alt: var(--gradient-ambient), linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-dark-alt) 100%);
  --gradient-card: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-surface) 100%);
  --gradient-cta: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, rgba(var(--color-accent-rgb), 0.3) 100%);
  --gradient-gold: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);
  --gradient-text-gold: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-accent) 50%, var(--color-accent-light) 100%);

  /* === GLOW EFFECTS === */
  --glow-gold-sm: 0 0 15px rgba(var(--color-accent-rgb), 0.1);
  --glow-gold: 0 0 30px rgba(var(--color-accent-rgb), 0.15), 0 0 60px rgba(var(--color-accent-rgb), 0.05);
  --glow-gold-strong: 0 0 20px rgba(var(--color-accent-rgb), 0.25), 0 0 50px rgba(var(--color-accent-rgb), 0.1);
  --glow-gold-btn: 0 4px 20px rgba(var(--color-accent-rgb), 0.3), 0 0 40px rgba(var(--color-accent-rgb), 0.1);

  /* === SHADOWS === */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.4);

  /* === TEXT ALIGNMENT (change to 'left', 'center', or 'justify') === */
  --text-align-body: justify;

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

  --fs-hero: clamp(2.5rem, 5vw, 4.5rem);
  --fs-hero-sub: clamp(1rem, 2vw, 1.35rem);
  --fs-h2: clamp(1.8rem, 3.5vw, 3rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.6rem);
  --fs-h4: clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-body: 1rem;
  --fs-body-lg: 1.125rem;
  --fs-small: 0.875rem;
  --fs-xs: 0.75rem;

  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.05em;
  --ls-wider: 0.1em;

  /* === SPACING === */
  --section-py: clamp(4rem, 8vw, 7rem);
  --section-py-lg: clamp(5rem, 10vw, 9rem);
  --container-max: 1200px;
  --gap-sm: 0.75rem;
  --gap: 1.5rem;
  --gap-lg: 2.5rem;
  --gap-xl: 4rem;

  /* === BORDER RADIUS === */
  --radius-sm: 0.375rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 50rem;

  /* === TRANSITIONS === */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --duration-fast: 0.15s;
  --duration: 0.3s;
  --duration-slow: 0.6s;
  --duration-reveal: 0.8s;

  /* === NAVBAR === */
  --navbar-height: 72px;
  --navbar-bg: rgba(15, 14, 12, 0.85);
  --navbar-bg-solid: rgba(15, 14, 12, 0.95);
  --navbar-bg-mobile: rgba(15, 14, 12, 0.97);
  --navbar-blur: 12px;

  /* === SUCCESS / STATUS COLORS === */
  --color-success: #3D8B5F;
  --color-success-rgb: 61, 139, 95;
  --color-danger: #C45454;
  --color-danger-rgb: 196, 84, 84;
  --color-info: #5B8BA8;
  --color-info-rgb: 91, 139, 168;
}