/* Modern Luxury Dark Mode Global Theme */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Poppins:wght@600;700;800&display=swap');

:root{
  --primary:#ff482e;           /* Main highlight / buttons */
  --secondary:#17a5a5;         /* Section accents / backgrounds */
  --text-main:#7c7c7c;         /* Neutral text */
  --nav-bg:rgba(23,165,165,0.95); /* Navbar background */
  --highlight:#ff482e;         /* Hover highlights */
  --card-border:#17a5a5;       /* Card border accent */
}

body {

  color: var(--text-main);
  font-family: 'Open Sans', sans-serif;
  margin:0;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Poppins', sans-serif;

  color: var(--primary);
}

a {
  color: var(--primary);
  text-decoration: none;
}
a:hover {
  color: var(--secondary);
}

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

/* Buttons */
.btn-primary {
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  transition: all .3s ease;
}
.btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255,72,46,.5);
}

/* Cards */
.card {
  background: rgba(23,165,165,0.05);
  border: 2px solid var(--card-border);
  border-radius: 12px;
  transition: all .3s ease;
}
.card:hover {
  transform: scale(1.03);
  border-color: var(--primary);
}

/* Fade-in Animation */
.fade-in {
  opacity: 0;
  transform: translateY(15px);
  transition: all .8s ease;
}
.fade-in.visible {
  opacity:1;
  transform: translateY(0);
}

/* Parallax Sections */
.parallax {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}