/* ===== IN Rama i Smak 1.0 (22.10.2026, decyzja Huberta): JEDNA rodzina Archivo (zmienna: wght 100–900, wdth 62–125),
   szerokość 100% = tekst/UI/liczby, 75% = duże słowa (display, h1, h2, nazwy smaków). Bebas Neue tylko w logo.
   Rama czarno-biała jak logo, kolor ze smaków, gradient zachodu jako jedyny podpis marki. Zieleń = tylko status OK i smak Jabłko. ===== */
@font-face { font-family: 'Archivo'; font-style: normal; font-display: swap; font-weight: 100 900; font-stretch: 62% 125%; src: url(../fonts/archivo-var-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: 'Archivo'; font-style: normal; font-display: swap; font-weight: 100 900; font-stretch: 62% 125%; src: url(../fonts/archivo-var-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: 'Archivo Fallback'; src: local('Arial'); size-adjust: 104%; ascent-override: 88%; descent-override: 21%; line-gap-override: 0%; }
:root {
  --font: 'Archivo', 'Archivo Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-logo: 'Bebas Neue', 'Archivo', Impact, sans-serif;
  --font-mail: -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --wd-text: 100%; --wd-cond: 75%;
  /* skala typografii (spec C:\infused\styl-spec.md, sekcja A; panel/Centrum – sekcja B) */
  --fs-display: clamp(3rem, 1.59rem + 6.01vw, 7rem);
  --fs-h1: clamp(2.25rem, 1.63rem + 2.63vw, 4rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);
  --fs-h3: clamp(1.1875rem, 1.12rem + .28vw, 1.375rem);
  --fs-lead: clamp(1.125rem, 1.06rem + .28vw, 1.3125rem);
  --fs-body: 1.0625rem; --fs-body-app: .9375rem; --fs-small: .9375rem; --fs-meta: .8125rem; --fs-label: .8125rem; --fs-eyebrow: .75rem;
  --fs-price: clamp(1.75rem, 1.57rem + .75vw, 2.25rem); --fs-num-xl: clamp(1.75rem, 1.49rem + 1.13vw, 2.5rem);
  --fs-menu: clamp(2rem, 1.82rem + .75vw, 2.5rem);
  --ls-tight: -0.02em; --ls-snug: -0.01em; --ls-eyebrow: .06em;
  --lh-body: 1.55;
  --ease: cubic-bezier(.2,.7,.1,1);
  /* warstwy */
  --bg: #000000; --surface-1: #121214; --surface-2: #1C1C1F; --surface-3: #242427; --surface-3-hover: #2E2E32; --surface-4: #3A3A3C;
  --glass: rgba(18,18,20,.72); --scrim: rgba(0,0,0,.64);
  --line-1: rgba(255,255,255,.08); --line-2: rgba(255,255,255,.14); --line-control: #6E6E73;
  /* tekst */
  --text-1: #F5F5F7; --text-2: #AEAEB2; --text-3: #8E8E93; --text-disabled: #5C5C61;
  /* akcja główna = biała pigułka jak logo */
  --action: #F5F5F7; --action-hover: #E3E3E8; --action-press: #D1D1D6; --on-action: #000000;
  --focus: #F5F5F7; --focus-on-color: #000000;
  /* podpis marki: zachód słońca (najwyżej 1 na ekran) */
  --brand-gold: #FFB347; --brand-pink: #FF5C8A; --brand-violet: #B46BFF;
  --brand-grad: linear-gradient(90deg, #FFB347 0%, #FF5C8A 52%, #B46BFF 100%);
  /* statusy (zawsze z ikoną/słowem) */
  --ok: #30D158; --ok-bg: #162D1E; --warn: #FFB340; --warn-bg: #33291A; --err: #FF6B6B; --err-bg: #331E20; --info: #7AA7FF; --info-bg: #212735;
  --ink-text: #1D1D1F; --ink-text-2: #6E6E73; --ok-ink: #1B7F45; --warn-ink: #9A5B00; --err-ink: #C62828; --info-ink: #1F5FD1; --brand-ink: #B0185E;
  /* smaki: c / deep (24% w czerni) / tint (16% na surface-1) / c2 (dekoracja) */
  --f-cytryna: #FFE94D; --f-cytryna-deep: #3D3812; --f-cytryna-tint: #38341D; --f-cytryna-c2: #FFB347;
  --f-jablko: #B4E34A; --f-jablko-deep: #2B3612; --f-jablko-tint: #2C331D; --f-jablko-c2: #FF6F91;
  --f-ananas: #F4F1EA; --f-ananas-deep: #3A3833; --f-ananas-tint: #363532; --f-ananas-c2: #FFD447;
  --f-wisnia: #FF4079; --f-wisnia-deep: #3D0F1D; --f-wisnia-tint: #381924; --f-wisnia-c2: #FF8FB0;
  --f-mango: #FF9640; --f-mango-deep: #3D240F; --f-mango-tint: #38271B; --f-mango-c2: #FF5F57;
  --f-winogrono: #B485FF; --f-winogrono-deep: #2B203D; --f-winogrono-tint: #2C243A; --f-winogrono-c2: #E35BD8;
  --s-mango: #FF7425; --s-mango-deep: #3D1C09; --s-mango-tint: #382217; --s-mango-c2: #FFB347;
  --s-banan: #FFC21F; --s-banan-deep: #3D2F07; --s-banan-tint: #382E16; --s-banan-c2: #FFE58A;
  --s-truskawka: #FF4438; --s-truskawka-deep: #3D100D; --s-truskawka-tint: #381A1A; --s-truskawka-c2: #FF8FB0;
  /* dane (handlowcy, wykresy) i kanały */
  --data-1: #3EC6F0; --data-2: #FF9640; --data-3: #B485FF; --data-4: #FFE94D; --data-5: #E35BD8; --data-6: #B4E34A; --data-7: #FF5C8A; --data-8: #3DD9C1;
  --ch-sklep: #3EC6F0; --ch-b2b: #B485FF; --ch-komis: #FF9640; --ch-probka: #FFE94D; --ch-ig: #E35BD8; --ch-bezfv: #8E8E93;
  /* kształt i cień (jedyny cień: neutralny pod nakładkami) */
  --r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-pill: 999px;
  --shadow-overlay: 0 24px 60px rgba(0,0,0,.5);
}
::selection { background: #F5F5F7; color: #000; }
.num, .tnum { font-variant-numeric: tabular-nums; }

/* --- poniżej: dotychczasowe fonty (Manrope i JetBrains Mono do usunięcia po migracji; Bebas Neue zostaje dla logo) --- */
@font-face { font-family: 'Bebas Neue'; font-style: normal; font-display: swap; font-weight: 400; src:url(../fonts/bebas-neue-latin-ext-400-normal.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: 'Bebas Neue'; font-style: normal; font-display: swap; font-weight: 400; src:url(../fonts/bebas-neue-latin-400-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 400; src:url(../fonts/manrope-latin-ext-400-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 400; src:url(../fonts/manrope-latin-400-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 500; src:url(../fonts/manrope-latin-ext-500-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 500; src:url(../fonts/manrope-latin-500-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 600; src:url(../fonts/manrope-latin-ext-600-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 600; src:url(../fonts/manrope-latin-600-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 700; src:url(../fonts/manrope-latin-ext-700-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 700; src:url(../fonts/manrope-latin-700-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 800; src:url(../fonts/manrope-latin-ext-800-normal.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: 'Manrope'; font-style: normal; font-display: swap; font-weight: 800; src:url(../fonts/manrope-latin-800-normal.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: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 400; src:url(../fonts/jetbrains-mono-latin-ext-400-normal.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: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 400; src:url(../fonts/jetbrains-mono-latin-400-normal.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: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 500; src:url(../fonts/jetbrains-mono-latin-ext-500-normal.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: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 500; src:url(../fonts/jetbrains-mono-latin-500-normal.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; }