@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary-blue: #f97316;
  --primary-blue-dark: #d46213;
  --primary-blue-light: #fff8f3;
  
  --primary-green: #3b82f6;
  --primary-green-dark: #326fd1;
  --primary-green-light: #f5f9ff;

  --accent-color: #f97316;
  --accent-color-dark: #d46213;
  --accent-color-light: #fff8f3;
  
  --navy-dark: #1e293b;
  
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Outfit', var(--font-sans);

  --theme-bg: #ffffff;
  --theme-card: #ffffff;
  --theme-border-radius: 12px;
  --theme-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

html {
    font-size: 16px !important;
}

body {
    background-color: var(--theme-bg) !important;
    font-family: var(--font-sans) !important;
}

.card, .feature-card, .price-card, .testimonial-card, .faq-item, .contact-info-card, .features-grid > div, .pricing-grid > div {
    background-color: var(--theme-card) !important;
    border-radius: var(--theme-border-radius) !important;
    box-shadow: var(--theme-shadow) !important;
    transition: all 0.3s ease;
}

.btn-primary, .cta-button, button[type="submit"], .btn-submit, .hero-cta-btn.primary, .demo-form button[type="submit"] {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
    background: #f97316 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}
.btn-primary:hover, .cta-button:hover, button[type="submit"]:hover, .btn-submit:hover, .hero-cta-btn.primary:hover, .demo-form button[type="submit"]:hover {
    background-color: #d46213 !important;
    border-color: #d46213 !important;
    background: #d46213 !important;
}

a.text-link {
    color: #f97316 !important;
}

a.text-link:hover {
    color: #d46213 !important;
}

/* Header style overrides */
header.header, .header {
    background-color: #ffffff !important;
}
header.header nav a, .header a, .nav-menu a { color: #1e293b !important; }
header.header nav a:hover, .header a:hover { color: #f97316 !important; }
header.header, .header { position: fixed !important; top: 0; left: 0; right: 0; z-index: 1000; }

footer, .footer, .main-footer {
    background-color: #1e293b !important;
    background: #1e293b !important;
}
footer, footer p, footer a, footer span, .footer p, .footer a { color: #cbd5e1 !important; }
footer a:hover, .footer a:hover { color: #f97316 !important; }

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes bounceIn {
  0% { transform: scale(0.95); opacity: 0; }
  50% { transform: scale(1.02); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

.card, .feature-card, .price-card, .testimonial-card, .hero-content, .section-title {
    animation: slideUp 0.8s ease-out forwards;
}

header.header .logo img, .header .logo img, header.header .navbar-brand img {
    height: 45px !important;
    width: auto !important;
}

header.header nav, .header nav, .header .nav-menu {
    margin-left: auto !important;
    margin-right: 0 !important;
}