/* ========================================
   FamU Foundation - Custom Color Schemes
   ======================================== */

/* Color Variation: "Inspiring African Vibes" - Happy & Uplifting */
:root {
  /* Fonts */
  --remix-icon: "remixicon";
  --Inter: "Inter", sans-serif;
  --Sans: "Open Sans", sans-serif;

  /* Base Colors */
  --white: #fff;
  --pure-black: #000;
  --light: #fef7e0;
  --dark: #2c1810;

  /* Primary Palette */
  --primary: #FF6B35;
  --primary-light: #FF8A65;
  --primary-dark: #E64A19;
  --primary-deep: #BF360C;
  --primary-contrast: #fff;
  --primary-rgb: 255, 107, 53;

  /* Secondary Palette */
  --secondary: #FF6B35;
  --secondary-light: #E64A19;
  --secondary-dark: #FFC107;
  --secondary-contrast: #2C1810;
  --secondary-rgb: 255, 213, 2;

  /* Tertiary Palette */
  --tertiary: #CD5C5C;
  --tertiary-light: #F08080;
  --tertiary-dark: #B22222;
  --tertiary-rgb: 205, 92, 92;

  /* Accent Colors */
  --accent-blue: #4FC3F7;
  --accent-green: #66BB6A;
  --accent-orange: #FF9800;
  --accent-pink: #EC407A;
  --accent-purple: #AB47BC;

  /* Info/Status Colors */
  --info: #FFE082;
  --info-light: #FFF9C4;
  --info-dark: #FFB300;
  --success: #66BB6A;
  --warning: #FFD502;
  --danger: #EF5350;

  /* Text Colors */
  --primary-title: #2C1810;
  --secondary-title: #5D4037;
  --tertiary-title: #8D6E63;
  --primary-subtitle: #3E2723;
  --secondary-subtitle: #6D4C41;
  --dark-subtitle: #A1887F;
  --hero-two-subtitle: #FFF3E0;
  --primary-paragraph: #6D4C41;
  --secondary-paragraph: #5D4037;
  --tertiary-paragraph: #8D6E63;
  --gray-text: #BCAAA4;

  /* Button Colors */
  --primary-btn: #FF6B35;
  --primary-btn-hover: #E64A19;
  --secondary-btn: #FFD502;
  --secondary-btn-hover: #FFC107;
  --tertiary-btn: #CD5C5C;

  /* Ratings */
  --rating-color: #FFD502;
  --rating-color-rgb: 255, 213, 2;

  /* Backgrounds */
  --body: #FFFEF7;
  --section-bg-one: #FFF8E1;
  --section-bg-two: #FFECB3;
  --section-bg-three: #FFE0B2;
  --panel-bg: #FFF3E0;
  --footer-bg: #3E2723;
  --hero-area-three-bg: #FFCC80;
  --hero-area-three-bg3: #FFE0B2;
  --header-bg3: #FF8C00;
  --header-three-bg2: #FFAB91;
  --header-two-slick-bg: #2C1810;

  /* Glassmorphism/Blur */
  --glass-bg: rgba(255,254,247,0.8);
  --glass-border: rgba(255,107,53,0.2);
  --glass-blur: blur(12px);

  /* Borders */
  --primary-border: rgba(255, 107, 53, 0.42);
  --secondary-border: #FFD50270;
  --tertiary-border: #FFCC80;
  --footer-border: #8D6E63;
  --search-border: #FFB74D;
  --about-divider: #FFCC80;

  /* Shadows */
  --primary-shadow: 0px 4.1px 49.4px rgba(255, 107, 53, 0.15);

  /* Grays */
  --info-gray: #FFE0B2;
  --primary-gray: #FFCC80;
  --secondary-gray: #FFF8E1;

  /* Helpful Cards */
  --helpful-card-bg-one: #FFD5024d;
  --helpful-card-bg-two: #C8E6C9;
  --helpful-card-bg-three: #B3E5FC;
  --helpful-card-bg-four: #FFCDD2;
  --helpful-card-icon-one: #FFD502;
  --helpful-card-icon-two: #66BB6A;
  --helpful-card-icon-three: #4FC3F7;
  --helpful-card-icon-four: #EC407A;

  /* Misc */
  --about-icon: #FFE0B2;

  /* Numbered Items */
  --number-one: #FFE0B2;
  --number-two: #FFF3E0;
  --number-one-hover: #FF6B35;
  --number-two-hover: #E64A19;

  /* Gradients */
  --primary-gradient: linear-gradient(90deg, #8B4513 0%, #FF6B35 50%, #FFD502 100%);
  --secondary-gradient: linear-gradient(90deg, #FF6B35 0%, #FFD502 100%);
}

/* ========================================
   Alternative Color Variation: "Soft African Sunrise" - Lighter & Softer
   ======================================== */

.soft-african-sunrise {
  /* Fonts */
  --remix-icon: "remixicon";
  --Inter: "Inter", sans-serif;
  --Sans: "Open Sans", sans-serif;

  /* Base Colors */
  --white: #fff;
  --pure-black: #2C1810;
  --light: #FFF9E6;
  --dark: #4A3728;

  /* Primary Palette - Lighter Coral Orange */
  --primary: #FF8A65;
  --primary-light: #FFAB91;
  --primary-dark: #FF7043;
  --primary-deep: #FF5722;
  --primary-contrast: #fff;
  --primary-rgb: 255, 138, 101;

  /* Secondary Palette - Soft Golden */
  --secondary: #FFE082;
  --secondary-light: #FFF59D;
  --secondary-dark: #FFD54F;
  --secondary-contrast: #4A3728;
  --secondary-rgb: 255, 224, 130;

  /* Tertiary Palette - Soft Rose */
  --tertiary: #F8BBD9;
  --tertiary-light: #FCE4EC;
  --tertiary-dark: #F48FB1;
  --tertiary-rgb: 248, 187, 217;

  /* Accent Colors - Softer Tones */
  --accent-blue: #81D4FA;
  --accent-green: #A5D6A7;
  --accent-orange: #FFCC80;
  --accent-pink: #F8BBD9;
  --accent-purple: #CE93D8;

  /* Info/Status Colors */
  --info: #FFF59D;
  --info-light: #FFFDE7;
  --info-dark: #FFE082;
  --success: #A5D6A7;
  --warning: #FFE082;
  --danger: #FFAB91;

  /* Text Colors - Warmer, Softer */
  --primary-title: #4A3728;
  --secondary-title: #6D4C41;
  --tertiary-title: #8D6E63;
  --primary-subtitle: #5D4037;
  --secondary-subtitle: #795548;
  --dark-subtitle: #A1887F;
  --hero-two-subtitle: #FFF8E1;
  --primary-paragraph: #795548;
  --secondary-paragraph: #6D4C41;
  --tertiary-paragraph: #8D6E63;
  --gray-text: #D7CCC8;

  /* Button Colors */
  --primary-btn: #FF8A65;
  --primary-btn-hover: #FF7043;
  --secondary-btn: #FFE082;
  --secondary-btn-hover: #FFD54F;
  --tertiary-btn: #F8BBD9;

  /* Ratings */
  --rating-color: #FFE082;
  --rating-color-rgb: 255, 224, 130;

  /* Backgrounds - Lighter, Creamier */
  --body: #FFFEF9;
  --section-bg-one: #FFF9E6;
  --section-bg-two: #FFF3E0;
  --section-bg-three: #FFECB3;
  --panel-bg: #FFF8E1;
  --footer-bg: #5D4037;
  --hero-area-three-bg: #FFE0B2;
  --hero-area-three-bg3: #FFF3E0;
  --header-bg3: #FFCC80;
  --header-three-bg2: #FFE0B2;
  --header-two-slick-bg: #4A3728;

  /* Glassmorphism/Blur */
  --glass-bg: rgba(255,254,249,0.85);
  --glass-border: rgba(255,138,101,0.2);
  --glass-blur: blur(12px);

  /* Borders */
  --primary-border: rgba(255, 138, 101, 0.35);
  --secondary-border: #FFE08270;
  --tertiary-border: #FFE0B2;
  --footer-border: #A1887F;
  --search-border: #FFE082;
  --about-divider: #FFE0B2;

  /* Shadows */
  --primary-shadow: 0px 4.1px 49.4px rgba(255, 138, 101, 0.12);

  /* Grays */
  --info-gray: #FFF3E0;
  --primary-gray: #FFE0B2;
  --secondary-gray: #FFF9E6;

  /* Helpful Cards */
  --helpful-card-bg-one: #FFE0824d;
  --helpful-card-bg-two: #E8F5E8;
  --helpful-card-bg-three: #E1F5FE;
  --helpful-card-bg-four: #FCE4EC;
  --helpful-card-icon-one: #FFE082;
  --helpful-card-icon-two: #A5D6A7;
  --helpful-card-icon-three: #81D4FA;
  --helpful-card-icon-four: #F8BBD9;

  /* Misc */
  --about-icon: #FFF3E0;
  --about-play-btn: #FFE0824d;

  /* Numbered Items */
  --number-one: #FFF3E0;
  --number-two: #FFF8E1;
  --number-one-hover: #FF8A65;
  --number-two-hover: #FF7043;

  /* Gradients */
  --primary-gradient: linear-gradient(90deg, #A1887F 0%, #FF8A65 50%, #FFE082 100%);
  --secondary-gradient: linear-gradient(90deg, #FF8A65 0%, #FFE082 100%);
}

/* ========================================
   Additional Styling for Enhanced Experience
   ======================================== */

/* Smooth transitions for color changes */
* {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* Enhanced button styling */
.btn-primary-fill {
  background: var(--primary-btn);
  border-color: var(--primary-btn);
  color: var(--primary-contrast);
}

.btn-primary-fill:hover {
  background: var(--primary-btn-hover);
  border-color: var(--primary-btn-hover);
  color: var(--primary-contrast);
}

/* Enhanced card styling */
.helpful-card {
  background: var(--panel-bg);
  border: 1px solid var(--primary-border);
  border-radius: 12px;
  transition: all 0.3s ease;
}

.helpful-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--primary-shadow);
}

/* Enhanced hero section */
.hero-area-three {
  background: var(--hero-area-three-bg);
}

/* Enhanced text styling */
.title {
  color: var(--primary-title);
}

.pera {
  color: var(--primary-paragraph);
}

/* Enhanced navigation */
.header-area-three {
  background: var(--panel-bg);
  border-bottom: 1px solid var(--primary-border);
}

/* About page image container */
.about-image-container {
  max-height: 500px;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.about-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Program image styling for consistent shadows */
.program-image {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.program-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

.program-image:hover img {
  transform: scale(1.02);
}

/* Custom FAQ Accordion Styling */
.faq-section .accordion-button {
  background-color: var(--section-bg-one);
  color: var(--primary-title);
  font-weight: 600;
}

.faq-section .accordion-button:not(.collapsed) {
  background-color: var(--primary);
  color: var(--white);
}

.faq-section .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}

.faq-section .accordion-item {
  border-color: var(--primary-border);
}

.faq-section .accordion-button::after {
    filter: brightness(0) invert(1);
}

.logo-large img {
  max-height: 60px; /* Reduced from 80px */
}

.logo-mobile img {
  max-height: 30px; /* Reduced from 40px */
}