/* WYGENEROWANE przez korban/woo/scripts/eksport_tokenow_sklepu.py — nie edytuj ręcznie.
   GENERATED by korban/woo/scripts/eksport_tokenow_sklepu.py — do not edit by hand.

   Tokeny --kp-* frontu (korban/headless) rozwinięte do literałów dla sklepu,
   który nie ma Tailwinda ani next/font. Źródła, w kolejności nakładania:
     korban/headless/src/styles/tokens/colors.css
     korban/headless/src/styles/tokens/typography.css
     korban/headless/src/styles/tokens/spacing.css
     korban/headless/src/styles/motyw-krem.css
     korban/headless/src/app/globals.css
   Dryf pilnuje tests/woo/test_tokeny_sklepu.py. Zmiana na froncie → uruchom
   skrypt z --zapisz i wgraj plik razem z sklep.css. */

/* Montserrat, Google Fonts v31, OFL 1.1 (fonty/OFL.txt) — wagi i podzbiory jak next/font
   na froncie. Cormorant pominięty: ścieżka zakupu go nie używa. */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonty/montserrat-300-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonty/montserrat-300-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;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/montserrat-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/montserrat-400-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;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonty/montserrat-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonty/montserrat-500-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;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonty/montserrat-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonty/montserrat-600-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;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonty/montserrat-700-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonty/montserrat-700-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 {
  --kp-color-primary-magenta: #C70076;
  --kp-color-primary-magenta-logo-raster: #E31C87;
  --kp-color-primary-graphite: #272421;
  --kp-color-magenta-hover: #EB028C;
  --kp-color-magenta-press: #A8005F;
  --kp-color-magenta-tint: #F7E6EE;
  --kp-color-neutral-white: #FFFFFF;
  --kp-color-neutral-body-bg: #F5F0E8;
  --kp-color-neutral-section-bg: #FAF7F1;
  --kp-color-neutral-text-body: #5C554E;
  --kp-color-neutral-text-muted: #635B51;
  --kp-color-neutral-divider: #DED4C6;
  --kp-color-line-nanoplastia: #C70076;
  --kp-color-line-hydraluxe: #4ECDC4;
  --kp-color-line-mirror-effect: #D32F2F;
  --kp-color-line-k-protein: #9C27B0;
  --kp-color-line-bioplastia: #00ACC1;
  --kp-color-line-botox-cacau: #BCAAA4;
  --kp-color-semantic-yes: #1B7F4B;
  --kp-color-semantic-no: #B3261E;
  --kp-accent: #C70076;
  --kp-accent-hover: #EB028C;
  --kp-accent-press: #A8005F;
  --kp-ink: #272421;
  --kp-text: #5C554E;
  --kp-text-muted: #635B51;
  --kp-surface: #FFFFFF;
  --kp-surface-alt: #FAF7F1;
  --kp-page: #F5F0E8;
  --kp-border: #DED4C6;
  --kp-on-accent: #FFFFFF;
  --kp-font-display: 'Cormorant', Georgia, serif;
  --kp-font-heading: 'Montserrat', Helvetica, Arial, sans-serif;
  --kp-font-body: 'Montserrat', Helvetica, Arial, sans-serif;
  --kp-font-email-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --kp-font-email-serif: Georgia, 'Times New Roman', serif;
  --kp-weight-light: 300;
  --kp-weight-regular: 400;
  --kp-weight-medium: 500;
  --kp-weight-semibold: 600;
  --kp-weight-bold: 700;
  --kp-text-h1: clamp(32px, 4.6vw, 56px);
  --kp-leading-h1: 0.98;
  --kp-text-h2: clamp(24px, 3vw, 40px);
  --kp-leading-h2: 1;
  --kp-text-h3: 20px;
  --kp-leading-h3: 1.1;
  --kp-text-body: 15px;
  --kp-leading-body: 1.6;
  --kp-text-body-small: 14px;
  --kp-leading-body-small: 1.6;
  --kp-text-caption: 11px;
  --kp-text-display: 44px;
  --kp-text-coupon: 36px;
  --kp-tracking-tight: -0.01em;
  --kp-tracking-cta: 1px;
  --kp-tracking-caption: 2px;
  --kp-tracking-logo: 4px;
  --kp-tracking-logo-sub: 6px;
  --kp-space-1: 4px;
  --kp-space-2: 8px;
  --kp-space-3: 12px;
  --kp-space-4: 16px;
  --kp-space-5: 20px;
  --kp-space-6: 24px;
  --kp-space-8: 32px;
  --kp-space-10: 40px;
  --kp-space-12: 48px;
  --kp-space-16: 64px;
  --kp-radius-sm: 0;
  --kp-radius-md: 0;
  --kp-radius-lg: 0;
  --kp-radius-pill: 0;
  --kp-border-width: 1px;
  --kp-border-accent: 3px;
  --kp-border-cta: 2px;
  --kp-shadow-sm: none;
  --kp-shadow-md: none;
  --kp-shadow-lg: none;
  --kp-shadow-accent: none;
  --kp-container-email: 600px;
  --kp-container-web-max: 1200px;
  --kp-container-width: 600px;
  --kp-container-web: 1200px;
  --kp-mobile-breakpoint: 600px;
  --kp-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --kp-duration: 200ms;
  --kp-duration-slow: 360ms;
  --kp-krem: #F5F0E8;
  --kp-krem-jasny: #FAF7F1;
  --kp-bez: #DED4C6;
  --kp-bez-ciemny: #C3B7A6;
  --kp-grafit: #272421;
  --kp-grafit-powierzchnia: #2F2B27;
  --kp-stopka: #1E1B19;
  --kp-roz: #F17DB1;
  --kp-roz-hover: #EE6AA6;
  --kp-roz-jasny: #F7A3C8;
  --kp-kicker: #665B4F;
  --kp-meta: #635B51;
  --kp-cta-bg: #F17DB1;
  --kp-cta-bg-hover: #EE6AA6;
  --kp-cta-fg: #272421;
  --kp-cta-obrys: #272421;
  --kp-weight-naglowek: 300;
}

[data-pasmo="ciemne"] {
  --kp-page: #272421;
  --kp-surface: #2F2B27;
  --kp-surface-alt: #2F2B27;
  --kp-ink: #F5F0E8;
  --kp-text: #B8AA9B;
  --kp-text-muted: #A69A8C;
  --kp-kicker: #A69A8C;
  --kp-border: rgba(184, 170, 155, 0.28);
  --kp-accent: #F17DB1;
  --kp-accent-hover: #F7A3C8;
  --kp-accent-press: #F17DB1;
  --kp-on-accent: #272421;
  --kp-cta-obrys: #F17DB1;
}

[data-pasmo="stopka"] {
  --kp-page: #1E1B19;
  --kp-surface: #1E1B19;
  --kp-surface-alt: #1E1B19;
  --kp-ink: #F5F0E8;
  --kp-text: #B8AA9B;
  --kp-text-muted: #A69A8C;
  --kp-kicker: #A69A8C;
  --kp-border: rgba(184, 170, 155, 0.28);
  --kp-accent: #F17DB1;
  --kp-accent-hover: #F7A3C8;
  --kp-accent-press: #F17DB1;
  --kp-on-accent: #272421;
  --kp-cta-obrys: #F17DB1;
}