/* Custom Theme for Tarunavodit Social Foundation */
:root {
  --color-dark-blue: #0A2540;
  --color-white: #FFFFFF;
  --color-green-primary: #2E7D32;
  --color-green-accent: #4CAF50;
  --color-bg-light: #F5F8FA;
  --color-muted-text: #5A6B7C;
  --font-primary: 'Inter', sans-serif;
}

body {
  font-family: var(--font-primary) !important;
  color: var(--color-dark-blue);
  background-color: var(--color-white);
}

h1:not(.text-white), h2:not(.text-white), h3:not(.text-white), h4:not(.text-white), h5:not(.text-white), h6:not(.text-white), .heading-section h2:not(.text-white) {
  font-family: var(--font-primary) !important;
  color: var(--color-dark-blue) !important;
  font-weight: 700;
}

p:not(.text-white):not(.text-light), .text-muted:not(.text-white) {
  color: var(--color-muted-text) !important;
}

.text-white {
  color: var(--color-white) !important;
}
.text-light {
  color: rgba(255,255,255,0.8) !important;
}

/* Base Overrides for existing template */
.ftco-section {
  padding: 6em 0;
}
.bg-light {
  background-color: var(--color-bg-light) !important;
}

/* Buttons */
.btn-primary, .btn-custom-primary {
  background-color: var(--color-green-primary) !important;
  border-color: var(--color-green-primary) !important;
  color: var(--color-white) !important;
  border-radius: 50px !important; /* Pill shape */
  font-weight: 600;
  transition: all 0.3s ease;
}
.btn-primary:hover, .btn-custom-primary:hover {
  background-color: var(--color-green-accent) !important;
  border-color: var(--color-green-accent) !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(76, 175, 80, 0.4);
}

.btn-outline-primary, .btn-custom-outline {
  background-color: transparent !important;
  border-color: var(--color-green-primary) !important;
  color: var(--color-green-primary) !important;
  border-radius: 50px !important;
  font-weight: 600;
  transition: all 0.3s ease;
}
.btn-outline-primary:hover, .btn-custom-outline:hover {
  background-color: var(--color-green-primary) !important;
  color: var(--color-white) !important;
  transform: translateY(-2px);
}

/* Specific elements replacing bright colors */
.icon-primary {
  color: var(--color-green-primary) !important;
}
.border-primary {
  border-color: var(--color-green-primary) !important;
}
.text-primary-theme {
  color: var(--color-green-primary) !important;
}

/* Header */
.ftco-navbar-light {
  background: var(--color-dark-blue) !important;
  box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}
.ftco-navbar-light.scrolled {
  background: var(--color-dark-blue) !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) !important;
}
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link,
.ftco-navbar-light.scrolled .nav-link {
  color: var(--color-white) !important;
  font-weight: 500;
}
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover,
.ftco-navbar-light.scrolled .nav-link:hover {
  color: var(--color-green-accent) !important;
}
/* Ensure logo is white (brightness invert/filter if needed) */
.navbar-brand img {
  filter: brightness(0) invert(1);
}

/* Dropdown */
.dropdown-menu {
  background: var(--color-dark-blue) !important;
  border: none !important;
  border-radius: 8px !important;
}
.dropdown-item {
  color: var(--color-white) !important;
}
.dropdown-item:hover {
  background: rgba(255,255,255,0.1) !important;
  color: var(--color-green-accent) !important;
}

/* Cards */
.theme-card {
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  overflow: hidden;
  height: 100%;
}
.theme-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.theme-card .icon {
  color: var(--color-green-primary);
  font-size: 40px;
  margin-bottom: 20px;
}

/* Links */
a.theme-link {
  color: var(--color-green-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
a.theme-link:hover {
  color: var(--color-green-accent);
  text-decoration: underline;
}

/* Footer overrides */
.ftco-footer {
  background: var(--color-dark-blue) !important;
  color: var(--color-white) !important;
}
.ftco-footer h2 {
  color: var(--color-white) !important;
}
.ftco-footer p, .ftco-footer .list-unstyled li a {
  color: rgba(255,255,255,0.8) !important;
}
.ftco-footer .list-unstyled li a:hover {
  color: var(--color-green-accent) !important;
}