/* ============================================
   THRIVING ADULTS LONDON - COLOR THEME
   ============================================ */

:root {
  /* Primary Brand Colors */
  --color-primary-dark: #2c5f7c;
  --color-primary: #4a9fc5;
  --color-primary-light: #7bb8ce;
  --color-primary-pale: #64c8dc;

  /* Secondary Brand Colors */
  --color-secondary-coral: #ff9a85;
  --color-secondary-coral-light: #ffb89d;
  --color-secondary-orange: #ff8e53;
  --color-secondary-orange-bright: #ff9966;
  --color-secondary-red: #ff6b6b;
  --color-secondary-red-bright: #FF6B35;

  /* Accent Colors */
  --color-accent-purple: #c86496;
  --color-accent-teal: #64c8dc;
  --color-accent-blue: #5a8097;
  --color-accent-blue-medium: #6ba4bc;

  /* Warm Accent Colors */
  --color-warm-orange: #f5a623;
  --color-warm-orange-dark: #d68910;
  --color-warm-peach: #ffd4a3;

  /* Neutral Colors */
  --color-text-primary: #2d2d2d;
  --color-text-secondary: #3d5a6b;
  --color-text-tertiary: #4a5568;
  --color-text-muted: #6a8a9a;
  --color-text-light: #5a7a8a;

  /* Background Colors */
  --color-bg-primary: #fafcfd;
  --color-bg-secondary: #f5f9fb;
  --color-bg-white: #ffffff;
  --color-bg-light: #f8fcfe;
  --color-bg-warm: #fff8e6;
  --color-bg-warm-alt: #fff3e0;

  /* Gradient Backgrounds */
  --gradient-primary: linear-gradient(135deg, #2c5f7c 0%, #4a9fc5 100%);
  --gradient-header: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 252, 254, 0.95) 100%);
  --gradient-coral: linear-gradient(135deg, #ffb89d 0%, #ff9a85 100%);
  --gradient-section: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 252, 254, 0.9) 100%);
  --gradient-warm: linear-gradient(135deg, rgba(255, 142, 83, 0.15) 0%, rgba(100, 200, 220, 0.15) 100%);
  --gradient-service-card: linear-gradient(135deg, rgba(255, 142, 83, 0.08) 0%, rgba(100, 200, 220, 0.08) 100%);
  --gradient-highlight: linear-gradient(135deg, rgba(255, 248, 230, 0.8) 0%, rgba(255, 243, 224, 0.8) 100%);
  --gradient-border: linear-gradient(90deg, rgba(200, 100, 150, 0.3), rgba(255, 180, 100, 0.3), rgba(100, 200, 220, 0.3));
  --gradient-border-strong: linear-gradient(90deg, rgba(200, 100, 150, 0.5), rgba(255, 180, 100, 0.5), rgba(100, 200, 220, 0.5));
  --gradient-footer-border: linear-gradient(90deg, rgba(255, 107, 107, 0.8), rgba(255, 142, 83, 0.8), rgba(100, 200, 220, 0.8));

  /* Radial Gradients for Background Effects */
  --gradient-bg-radial: radial-gradient(circle at 20% 30%, rgba(255, 180, 100, 0.05) 0%, transparent 50%),
                        radial-gradient(circle at 80% 70%, rgba(100, 200, 220, 0.05) 0%, transparent 50%);

  /* Hero Gradient with Image Overlay */
  --gradient-hero-overlay: linear-gradient(135deg,
    rgba(255, 217, 196, 0.85) 0%,
    rgba(255, 229, 216, 0.85) 5%,
    rgba(232, 235, 232, 0.85) 20%,
    rgba(212, 235, 243, 0.90) 35%,
    rgba(200, 230, 240, 0.90) 50%,
    rgba(212, 235, 243, 0.90) 65%,
    rgba(232, 235, 232, 0.85) 80%,
    rgba(255, 229, 216, 0.85) 95%,
    rgba(255, 217, 196, 0.85) 100%);

  --gradient-parallax-overlay: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(248, 252, 254, 0.85) 100%);

  /* Border Colors */
  --border-light: rgba(255, 255, 255, 0.8);
  --border-teal: rgba(100, 200, 220, 0.2);
  --border-teal-medium: rgba(100, 200, 220, 0.4);
  --border-orange: rgba(255, 142, 83, 0.4);

  /* Shadow Colors */
  --shadow-light: rgba(0, 0, 0, 0.15);
  --shadow-dark: rgba(0, 0, 0, 0.5);

  /* Overlay Colors */
  --overlay-white-light: rgba(255, 255, 255, 0.3);
  --overlay-white-medium: rgba(255, 255, 255, 0.35);
  --overlay-primary-light: rgba(74, 159, 197, 0.1);
  --overlay-primary-medium: rgba(74, 159, 197, 0.2);
  --overlay-coral-light: rgba(255, 107, 107, 0.15);
}