/* ==========================================================================
   THEME 1: TrueHelp (Figma Template 1)
   Classic Humanitarian, Trust & Warm Compassion
   Palette: Royal Navy (#0f2239), Teal Cyan (#01bfbd), Golden Amber (#f5a623)
   ========================================================================== */

body[data-theme="theme-1"] {
  --primary: #0f2239;
  --primary-dark: #071526;
  --primary-light: #183b63;
  --secondary: #01bfbd;
  --accent: #f5a623;
  --bg-main: #ffffff;
  --bg-alt: #f4f8fa;
  --bg-card: #ffffff;
  --text-main: #1e293b;
  --text-muted: #627282;
  --border-color: #e1e9ee;
  --header-bg: #ffffff;
  --footer-bg: #071526;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
}

body[data-theme="theme-1"] .site-header {
  border-bottom: 2px solid #e1e9ee;
}

body[data-theme="theme-1"] .hero-section {
  background: radial-gradient(circle at top right, #183b63 0%, #0f2239 100%);
}

body[data-theme="theme-1"] .hero-title span {
  color: #01bfbd;
}

body[data-theme="theme-1"] .btn-primary {
  background-color: #01bfbd;
  border-color: #01bfbd;
  color: #0f2239;
  font-weight: 800;
  border-radius: var(--radius-full);
}

body[data-theme="theme-1"] .btn-primary:hover {
  background-color: #009d9b;
  border-color: #009d9b;
  color: #ffffff;
}

body[data-theme="theme-1"] .section-tag {
  background-color: rgba(1, 191, 189, 0.12);
  color: #0f2239;
  border: 1px solid rgba(1, 191, 189, 0.3);
}

body[data-theme="theme-1"] .focus-card {
  border-top: 4px solid #01bfbd;
}

body[data-theme="theme-1"] .focus-card:hover {
  border-top-color: #f5a623;
}

body[data-theme="theme-1"] .project-card {
  border-radius: var(--radius-md);
}

body[data-theme="theme-1"] .membership-card.featured {
  border-color: #01bfbd;
  background: linear-gradient(180deg, #ffffff 0%, #f0faf9 100%);
}

body[data-theme="theme-1"] .simsr-spotlight {
  background: linear-gradient(135deg, #071526 0%, #0f2239 100%);
  border-left: 6px solid #01bfbd;
}