/* ZennPay brand pass on Nova.
   Loaded last, after Nova's own stylesheets. Only remaps color variables,
   button shape, and the hero section — nothing else in Nova is touched.
   Colors sourced from the mobile app (lib/config/app_colors.dart) so web
   and app stay visually consistent. */

:root {
    /* Nova's own primary/secondary drive buttons, links, borders, badges,
       the scrollbar accent, and --gradient-1 site-wide. */
    --primary-color: #00D27A;      /* AppColors.mainColor */
    --secondary-color: #0EA8C9;    /* AppColors.secondaryColor */
    --black-color: #191A32;        /* AppColors.navyDeep / logo ink */
    --black-color-rgb: 25, 26, 50;

    /* Replaces the derived primary->secondary diagonal with ZennPay's
       "premium surface" pine gradient (same one used for hero/feature
       cards and the balance card in the mobile app). */
    --gradient-1: linear-gradient(135deg, #0B3B2E, #124A3A 55%, #1B5E48);
}

/* Pill-shaped buttons (matches the mobile app's CTA shape) */
.btn-1,
.btn-2 {
    border-radius: 999px;
}

/* Hero: give it the same dark pine-gradient surface used for premium
   cards in the mobile app, instead of Nova's plain light background. */
.banner-section {
    background: linear-gradient(135deg, #0B3B2E, #124A3A 55%, #1B5E48);
}

/* The decorative shape overlay was designed for a light hero; it reads
   oddly on the new dark gradient, so it's dimmed rather than removed. */
.banner-section .bg-layer {
    opacity: 0.12;
}

.banner-section .content-box h1,
.banner-section .content-box p {
    color: #ffffff;
}

/* Highlighted word in the headline: brand green instead of the
   light-background accent color, for contrast against the dark hero. */
.banner-section .content-box h1 span {
    color: #1FD78A;
}

.banner-section .content-box p {
    color: #CFE6DC;
}

/* "Watch video" text-gradient link: swap Nova's default green for
   ZennPay's exact green pair. */
.banner-video-btn {
    background: linear-gradient(216deg, #1FD78A -33.21%, #00A863 101%);
    background-clip: text;
    -webkit-background-clip: text;
}