/* ═══════════════════════════════════════════════════════════════════════
   PayMate NZ — "Pounamu & Silver" theme overrides
   Loaded after styles.css on /nz/. Swaps the Aussie green & gold for
   greenstone black, pounamu teal and silver-fern accents.
   Chart palettes are unchanged (validated on these surfaces too).
   ═══════════════════════════════════════════════════════════════════════ */

:root {
    --green-deepest: #0C1518;
    --green-deep: #14252B;
    --green: #116B63;
    --gold: #8FD8C7;
    --gold-deep: #4FB5A0;

    --bg: #F2F5F4;
    --surface: #FFFFFF;
    --surface-2: #F7FAF9;
    --border: #DCE4E1;
    --border-strong: #C0CEC9;
    --ink: #1A2426;
    --ink-2: #4C5C5C;
    --ink-3: #75857F;
    --gold-ink: #10695C;

    --focus-ring: 0 0 0 3px color-mix(in srgb, var(--gold) 60%, transparent);
}

[data-theme="dark"] {
    --bg: #0B1214;
    --surface: #141E24;
    --surface-2: #101A1F;
    --border: #24343A;
    --border-strong: #384C52;
    --ink: #E9F1EF;
    --ink-2: #A7BAB6;
    --ink-3: #7C918C;
    --gold-ink: #8FD8C7;
}

/* Hero & header glows: teal instead of wattle gold */
.site-header { border-bottom-color: rgba(143, 216, 199, .22); }

.hero {
    background:
        radial-gradient(80rem 30rem at 85% -10%, rgba(143, 216, 199, .13), transparent 55%),
        radial-gradient(50rem 26rem at -10% 110%, rgba(17, 107, 99, .55), transparent 60%),
        var(--green-deepest);
}

.brand-star,
.southern-cross { fill: #DEEDE9; }
.brand-star { filter: drop-shadow(0 0 6px rgba(143, 216, 199, .5)); }
.cross-star { filter: drop-shadow(0 0 5px rgba(143, 216, 199, .65)); }

.fy-chip { border-color: rgba(143, 216, 199, .5); }

.takehome-card {
    background:
        radial-gradient(40rem 16rem at 110% -30%, rgba(143, 216, 199, .14), transparent 60%),
        linear-gradient(135deg, var(--green-deep), var(--green-deepest));
}

.takehome-fy { border-color: rgba(143, 216, 199, .45); }

.savings-note {
    background: rgba(143, 216, 199, .12);
    border-color: rgba(143, 216, 199, .38);
    color: #CFEEE6;
}

.sticky-bar { border-color: rgba(143, 216, 199, .45); }

.you-badge { color: #0A2C26; }

.skip-link { color: #0A2C26; }