/* Corporate Theme - Professional Blue */
:root {
  --primary: #1e40af;
  --primary-dark: #1e3a8a;
  --primary-light: #3b82f6;
  --secondary: #0d9488;
  --secondary-dark: #0f766e;
  --accent: #1e40af;
  --top-bar-bg: #0f172a;
  --hero-overlay: rgba(15, 23, 42, 0.7);
  --card-border: #e2e8f0;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
  --card-shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --card-radius: 12px;
  --card-bg: #ffffff;
  --section-alt-bg: #f8fafc;
  --nav-bg: rgba(255,255,255,0.98);
  --nav-scrolled-bg: #ffffff;
  --nav-text: #475569;
  --nav-active: #1e40af;
  --footer-bg: #0f172a;
  --footer-text: #94a3b8;
  --btn-radius: 8px;
  --hero-style: overlay;
  --section-title-line: #1e40af;
}

/* Hero */
.hero {
  position: relative;
  background-size: cover;
  background-position: center;
}

/* Cards */
.project-card,
.news-card,
.service-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  transition: all 0.3s ease;
  overflow: hidden;
}

.project-card:hover,
.news-card:hover,
.service-card:hover {
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-3px);
}

.project-card-image img,
.news-card-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Section Title */
.section-title::after {
  background: var(--section-title-line);
}

/* Section Alt */
.section-alt {
  background: var(--section-alt-bg);
}

/* Buttons */
.btn-primary {
  background: var(--primary);
  border-color: var(--primary);
  border-radius: var(--btn-radius);
}

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

.btn-outline {
  border-color: var(--primary);
  color: var(--primary);
  border-radius: var(--btn-radius);
}

.btn-outline:hover {
  background: var(--primary);
  color: var(--white);
}

/* Navbar */
.navbar {
  background: var(--nav-bg);
  backdrop-filter: blur(10px);
}

.navbar.scrolled {
  background: var(--nav-scrolled-bg);
  box-shadow: var(--card-shadow);
}

.nav-toggle span,
.navbar.scrolled .nav-toggle span {
  background: var(--nav-text);
}

.nav-links a {
  color: var(--nav-text);
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--nav-active);
}

/* Footer */
.site-footer {
  background: var(--footer-bg);
  color: var(--footer-text);
}

/* Top Bar */
.top-bar {
  background: var(--top-bar-bg);
}