/* ===== BACKGROUND PATTERNS FOR COLORED SECTIONS ===== */

/* Hero section - globe + express + tech icon pattern */
.hero {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 40%, var(--primary-light) 100%);
}

/* CTA section - globe + tech icon pattern */
.cta-section {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary));
}

/* Page Hero section - globe + express pattern */
.page-hero {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary));
}

/* Stats section subtle grid */
.stats-bar {
  background: var(--primary);
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0px, transparent 1px, transparent 40px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0px, transparent 1px, transparent 40px),
    var(--primary);
  background-size: 40px 40px, 40px 40px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
}

/* Partners bar subtle texture */
.partners-bar {
  background: var(--gray-50);
}

/* Section with gray background */
.section[style*="var(--gray-50)"],
.section.bg-gray {
  background: var(--gray-50) !important;
}

/* Dark CTA inside article */
.content-article div[style*="var(--primary)"],
.content-article div[style*="background:var(--primary)"] {
  background: linear-gradient(135deg, var(--primary-dark), var(--primary)) !important;
}