/* CoraCloud shared design system — loaded by every page so nav, buttons,
   cards, and type render identically site-wide. Page-specific CSS only
   belongs inline in that page's own <style> block. */

body {
    background-color: #f6f8fc;
    color: #0d1b2a;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-card {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 16px rgba(0, 30, 60, 0.06);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 30, 60, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.glass-card:hover {
    border-color: rgba(0, 96, 171, 0.35);
    box-shadow: 0 4px 24px rgba(0, 120, 212, 0.12);
    transform: translateY(-4px);
}

.glow-border:hover {
    border-color: rgba(0, 96, 171, 0.4);
    box-shadow: 0 0 15px rgba(0, 120, 212, 0.3);
}

.active-tab-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #a3c9ff;
    transition: all 0.3s ease;
}

.text-glow-azure {
    text-shadow: 0 0 12px rgba(0, 96, 171, 0.15);
}

@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fade-in-up 0.8s ease-out forwards; }
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }

/* Scroll-aware nav bar: white with navy logo at top, dark navy with white
   logo once the page scrolls past the hero. Toggled by the .is-scrolled
   class (see the inline script near the end of each page's <body>). */
.site-nav { transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.site-nav .nav-link { transition: color .3s ease; }
.site-nav .logo-scrolled { display: none; }
.site-nav.is-scrolled .logo-top { display: none; }
.site-nav.is-scrolled .logo-scrolled { display: inline-block; }
.site-nav:not(.is-scrolled) { background-color: rgba(255,255,255,0.85) !important; border-bottom-color: rgba(0,30,60,0.1) !important; box-shadow: 0 2px 16px rgba(0,30,60,0.06) !important; }
.site-nav:not(.is-scrolled) .nav-link { color: #3a5068 !important; }
.site-nav:not(.is-scrolled) .nav-link:hover { color: #0060ab !important; }
.site-nav:not(.is-scrolled) .nav-link-active { color: #0060ab !important; border-color: #0060ab !important; }
