/* Radical IFS Custom Styles */
:root {
  --emerald: #047857;
  --emerald-light: #059669;
  --ruby: #0f766e;
  --ruby-light: #14b8a6;
  --deep-blue: #1e3a5f;
  --deep-blue-light: #2563eb;
  --cream: #faf9f6;
  --dark: #1a1a1a;
  --gray: #4a4a4a;
  --gray-light: #e5e5e5;
}

html {
  font-size: 18px;
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--dark);
  background-color: var(--cream);
}

/* Mobile menu toggle */
#mobile-menu {
  display: none;
}
#mobile-menu.active {
  display: block;
}

/* Jewel tone gradient for hero sections */
.hero-gradient {
  background: linear-gradient(135deg, var(--deep-blue) 0%, var(--emerald) 50%, var(--deep-blue) 100%);
}

/* Card hover effects */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* CTA button styles */
.btn-ruby {
  background-color: var(--ruby);
  color: white;
  padding: 0.75rem 2rem;
  border-radius: 0.375rem;
  font-weight: 600;
  display: inline-block;
  transition: background-color 0.2s ease;
  text-decoration: none;
}
.btn-ruby:hover {
  background-color: var(--ruby-light);
}

.btn-emerald {
  background-color: var(--emerald);
  color: white;
  padding: 0.75rem 2rem;
  border-radius: 0.375rem;
  font-weight: 600;
  display: inline-block;
  transition: background-color 0.2s ease;
  text-decoration: none;
}
.btn-emerald:hover {
  background-color: var(--emerald-light);
}

.btn-outline {
  border: 2px solid var(--deep-blue);
  color: var(--deep-blue);
  padding: 0.75rem 2rem;
  border-radius: 0.375rem;
  font-weight: 600;
  display: inline-block;
  transition: all 0.2s ease;
  text-decoration: none;
  background: transparent;
}
.btn-outline:hover {
  background-color: var(--deep-blue);
  color: white;
}