/*
Theme Name: Astra Child - MoodHera
Description: Professional child theme for MoodHera Events with modern design system
Author: MoodHera Team
Template: astra
Version: 1.0.0
*/

/* ============================= */
/* MOODHERA BRAND GUIDELINES     */
/* ============================= */

:root {
  /* Primary Brand Colors */
  --moodhera-purple: #8B5CF6;      /* Purple - Primary brand color */
  --moodhera-orange: #F97316;      /* Orange - Secondary accent */
  --moodhera-pink: #EC4899;        /* Pink - Tertiary accent */
  
  /* Homepage Section Colors */
  --moodhera-hero-light: linear-gradient(135deg, #ED297A, #5B1E6D);
  --moodhera-hero-dark: linear-gradient(135deg, #EC4899, #3B0764);
  --moodhera-services-light: linear-gradient(135deg, #5B1E6D, #00B4E8);
  --moodhera-services-dark: linear-gradient(135deg, #3B0764, #0369A1);
  --moodhera-events-light: linear-gradient(135deg, #00B4E8, #B8DC20);
  --moodhera-events-dark: linear-gradient(135deg, #0369A1, #365314);
  --moodhera-testimonials-light: linear-gradient(135deg, #FF6A00, #FFB800);
  --moodhera-testimonials-dark: linear-gradient(135deg, #9A3412, #CA8A04);
  --moodhera-cta-light: linear-gradient(135deg, #B8DC20, #ED297A);
  --moodhera-cta-dark: linear-gradient(135deg, #365314, #A21CAF);
  
  /* Gradient Combinations */
  --moodhera-gradient-primary: linear-gradient(135deg, var(--moodhera-purple), var(--moodhera-pink));
  --moodhera-gradient-secondary: linear-gradient(135deg, var(--moodhera-orange), var(--moodhera-pink));
  --moodhera-gradient-accent: linear-gradient(135deg, var(--moodhera-purple), var(--moodhera-orange));
  
  /* Dark/Light Theme Variables */
  --moodhera-bg-primary: #ffffff;
  --moodhera-bg-secondary: #f8fafc;
  --moodhera-text-primary: #1e293b;
  --moodhera-text-secondary: #64748b;
  --moodhera-border: #e2e8f0;
  
  /* Typography */
  --moodhera-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --moodhera-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Spacing Scale */
  --moodhera-space-xs: 0.5rem;
  --moodhera-space-sm: 1rem;
  --moodhera-space-md: 1.5rem;
  --moodhera-space-lg: 2rem;
  --moodhera-space-xl: 3rem;
  --moodhera-space-2xl: 4rem;
  
  /* Border Radius */
  --moodhera-radius-sm: 0.375rem;
  --moodhera-radius-md: 0.5rem;
  --moodhera-radius-lg: 0.75rem;
  --moodhera-radius-xl: 1rem;
  
  /* Shadows */
  --moodhera-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --moodhera-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --moodhera-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* Dark Theme Variables */
[data-theme="dark"] {
  --moodhera-bg-primary: #0f172a;
  --moodhera-bg-secondary: #1e293b;
  --moodhera-text-primary: #f1f5f9;
  --moodhera-text-secondary: #94a3b8;
  --moodhera-border: #334155;
  
  /* Override homepage gradients for dark theme */
  --moodhera-hero-gradient: var(--moodhera-hero-dark);
  --moodhera-services-gradient: var(--moodhera-services-dark);
  --moodhera-events-gradient: var(--moodhera-events-dark);
  --moodhera-testimonials-gradient: var(--moodhera-testimonials-dark);
  --moodhera-cta-gradient: var(--moodhera-cta-dark);
}

/* Light Theme Variables (default) */
:root {
  --moodhera-hero-gradient: var(--moodhera-hero-light);
  --moodhera-services-gradient: var(--moodhera-services-light);
  --moodhera-events-gradient: var(--moodhera-events-light);
  --moodhera-testimonials-gradient: var(--moodhera-testimonials-light);
  --moodhera-cta-gradient: var(--moodhera-cta-light);
}

/* Import Astra parent theme */
@import url("../astra/style.css");

/* Base styles will be loaded from separate CSS files */