/* ==========================================================================
   mananaroadmap.com Theme — Sunset-to-sunrise scroll experience
   Target audience: Prospective users, investors, followers of the project
   ========================================================================== */

:root {
  /* Base theme: dark (night sky) */
  --bg-primary: #0B1929;
  --bg-secondary: #0F2035;
  --bg-card: #0B1929;
  --text-primary: #f0f0f5;
  --text-secondary: #a0b4c8;
  --text-muted: #6b8399;
  --accent: #F5C842;
  --accent-hover: #F0B830;
  --accent-alt: #E49545;
  --accent-calm: #87CEEB;
  --border-color: rgba(255, 255, 255, 0.08);
  --card-border: rgba(255, 255, 255, 0.08);
  --nav-bg: transparent;
  --nav-border: transparent;

  /* Sunrise palette — logo-derived colour bands */
  --sky-night: #0B1929;
  --sky-navy: #1A2744;
  --sky-indigo: #2D1B4E;
  --sky-crimson: #6B2035;
  --sky-red: #943830;
  --sky-warm: #C44830;
  --sky-orange: #E49545;
  --sky-gold: #F5C842;
  --sky-blue: #87CEEB;
  --sky-day: #E8F4FD;

  /* Wave colour pairs (night → day) */
  --wave-0-night: #1A2744;
  --wave-0-day: #85C1E9;
  --wave-1-night: #152238;
  --wave-1-day: #5DADE2;
  --wave-2-night: #101C2E;
  --wave-2-day: #2E86C1;
  --wave-3-night: #0B1624;
  --wave-3-day: #1A6FA0;
  --wave-4-night: #07101B;
  --wave-4-day: #154360;
  --water-night: #060E18;
  --water-day: #0E3D5C;

  /* Glassmorphism */
  --glass-bg: rgba(0, 10, 30, 0.7);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-blur: 16px;

  /* Phase status */
  --phase-complete-glow: rgba(245, 200, 66, 0.12);
  --phase-complete-border: rgba(245, 200, 66, 0.2);
  --phase-complete-inset: rgba(245, 200, 66, 0.04);
  --phase-current-glow: rgba(135, 206, 235, 0.15);
  --phase-current-border: rgba(135, 206, 235, 0.25);

  /* Gradient text for titles */
  --gradient-sunrise: linear-gradient(135deg, #F5C842, #E49545, #C44830);
}

/* Custom gradient text for roadmap titles */
.text-gradient-sunrise {
  background: var(--gradient-sunrise);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Nav: transparent initially, gains bg on scroll */
.roadmap-nav {
  background: transparent;
  border-bottom-color: transparent;
  transition: background var(--duration-normal) ease,
              border-color var(--duration-normal) ease,
              backdrop-filter var(--duration-normal) ease;
}

.roadmap-nav .nav__link {
  color: rgba(255, 255, 255, 0.7);
}

.roadmap-nav .nav__link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.roadmap-nav .nav__logo {
  color: #ffffff;
}

.roadmap-nav.scrolled {
  background: rgba(11, 25, 41, 0.92);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* Card hover: subtle lift on dark glass */
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.3);
}