/* ==========================================================================
   Aplaid landing colour palette — derived from the AI gradient in the logo.
   Replaces Velzon's navy (--vz-primary) and teal (--vz-success) defaults.
   Loaded AFTER landing-bundle.min.css so :root overrides win.
   ========================================================================== */

:root,
[data-bs-theme="light"] {
    /* Primary — deep azure (start of AI gradient) */
    --vz-primary: #0A81F7;
    --vz-primary-rgb: 10, 129, 247;
    --vz-primary-text-emphasis: #0858B4;
    --vz-primary-bg-subtle: #E1EFFE;
    --vz-primary-border-subtle: #B8DCFD;

    /* Success / secondary accent — light sky (mid-to-end of AI gradient) */
    --vz-success: #38BDF8;
    --vz-success-rgb: 56, 189, 248;
    --vz-success-text-emphasis: #0A81F7;
    --vz-success-bg-subtle: #E5F5FE;
    --vz-success-border-subtle: #BCE5FB;

    /* Keep teal palette token aligned for any utility classes that use it */
    --vz-teal: #38BDF8;
    --vz-cyan: #0F6DEE;

    /* Exposed gradient stops for landing hero / accents */
    --aplaid-ai-grad-start: #0F6DEE;
    --aplaid-ai-grad-end: #7AD3FD;
}

[data-bs-theme="dark"] {
    --vz-primary: #38BDF8;
    --vz-primary-rgb: 56, 189, 248;
    --vz-success: #7AD3FD;
    --vz-success-rgb: 122, 211, 253;
}

/* ==========================================================================
   Top nav-bar — bundle hardcodes teal (#0ab39c) for active/hover; override.
   ========================================================================== */
.navbar-landing .navbar-nav .nav-item .nav-link.active,
.navbar-landing .navbar-nav .nav-item .nav-link:hover,
.navbar-landing .navbar-nav .nav-item .nav-link:focus {
    color: var(--vz-primary) !important;
}

/* ==========================================================================
   Hero feature cards — mobile compact styling (preserved from prior overrides)
   ========================================================================== */
@media (max-width: 575.98px) {
    .hero-features h6 {
        font-size: 0.7rem;
    }
}