/* Palette "sk" (Man-Zone): dark blue panels, red only on primary buttons. Loads after all theme sheets. */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/inter-tight-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/inter-tight-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --ks-bg:#0E1726; --ks-night:#132238; --ks-dark:#0F2A47;
  --ks-ink:#F4F7FB; --ks-ink-2:rgba(244,247,251,.85); --ks-ink-3:rgba(244,247,251,.72);
  --ks-light:#F3F6FA; --ks-light-2:#E6ECF3; --ks-text:#161922; --ks-muted:#5B6473; --ks-line:#D5DEE8; --ks-field:#7E8A9A;
  --ks-link:#0A65B1; --ks-link-hover:#0F2A47;
  --ks-apricot:#BFE0FF; --ks-lavender:#C7DAF0; --ks-mint:#CDE9E0; --ks-warn:#8A5A16; --ks-error:#B3261E;
  --ks-dusk:radial-gradient(80% 70% at 30% 85%, #3873B0 0%, rgba(56,115,176,0) 60%), linear-gradient(175deg, #2E5F93 0%, #1E4470 60%, #142F4F 100%);
  --ks-sage:radial-gradient(80% 90% at 80% 20%, #34749A 0%, rgba(52,116,154,0) 60%), linear-gradient(160deg, #34749A 0%, #2A5D7E 60%, #1F4660 100%);
  --ks-apricot-bg:radial-gradient(70% 90% at 85% 30%, #E3F0FC 0%, rgba(227,240,252,0) 65%), linear-gradient(160deg, #CFE4FA 0%, #A9CCEE 100%);
  --ks-sans:'Inter Tight','Geist','Helvetica Neue',Arial,sans-serif;
}
.ks-night{background:radial-gradient(60% 80% at 50% 0%, #1E3A5F 0%, rgba(30,58,95,0) 70%), var(--ks-night)}
.ks-light :focus-visible{outline-color:#0B6FC2}

/* Logo sits on a white pill so the Man-Zone artwork stays legible on the dark header */
.ks-logo--img img{height:36px}
@media (max-width:480px){.ks-logo--img img{height:32px}}

/* Red only on primary actions */
.ks-btn:not(.ks-btn--dark):not(.ks-btn--glass):not(.ks-btn--lavender):not(.ks-btn--text):not(.fr-help__alt),.button.alt,.ks-pay.button.alt{background:#E8001C;color:#fff}
.ks-btn:not(.ks-btn--dark):not(.ks-btn--glass):not(.ks-btn--lavender):not(.ks-btn--text):not(.fr-help__alt):hover,.button.alt:hover{background:#C40017}
/* The core plugin's help.css loads after the theme and hard-codes this colour */
.ks-help__toggle{background:#E8001C!important;color:#fff!important}
.ks-help__toggle:hover{background:#C40017!important}
.button:not(.alt),.ks-light .button:not(.alt){background:var(--ks-dark);color:#fff}

/* Badges, kickers, active nav */
.fr-card__badge,.ks-pack__badge,.ks-member__badge,.fr-ladder__badge,.fr-pk__badge,.fr-card__offer,.ks-pill{background:#CFE6FF;color:#0F2A47}
.ks-nav .current-menu-item>a,.ks-nav .current-menu-ancestor>a,.ks-kicker{color:#9ECBFF}

/* Panels that hard-code the purple gradient */
.ks-shop-head,.ks-pdp,.fr-advbox{background:var(--ks-dusk)}
.ks-progress__steps .is-on .ks-progress__bar{background:linear-gradient(90deg,#2E5F93,var(--ks-dark))}

/* Purple focus rings and product-tile tints -> blue */
.ks-ship__item input:focus-visible+.ks-ship__label{outline-color:#0B6FC2}
.ks-help :focus-visible{outline-color:#0B6FC2}
.ks-cf input:focus,.ks-cf select:focus,.ks-cf textarea:focus{outline-color:#0B6FC2;border-color:#0B6FC2}
.ks-tone--lavender{background:linear-gradient(170deg,#8FA6C4,#5D7EA6)}
.ks-tone--mauve{background:linear-gradient(170deg,#9AA7BC,#66748F)}
