/* ==========================================================================
   MĘŻCZYZNA 2.0 — Design Tokens  ·  Kierunek: PREMIUM STOIC
   Single source of truth dla palety, typografii, skali, odstępów.
   Render-stack: Google Fonts (free). Brand-intent (komercyjne) w komentarzach.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Hanken+Grotesk:wght@400;500;600;700&family=Oswald:wght@500;600;700&family=Teko:wght@400;500;600;700&display=swap');

:root {
  /* ---- KOLOR · rdzeń ---------------------------------------------------- */
  --ink:          #121316;  /* baza ciemna (cieplejsza niż czerń logo)      */
  --ink-raised:   #1B1D21;  /* karty / sekcje wypukłe                       */
  --graphite:     #2A2C30;  /* obwódki na ciemnym                           */
  --paper:        #EDE8E0;  /* baza jasna (papier, nie sterylna biel)       */
  --paper-light:  #F5F1EA;  /* tło alt jasne                                */

  /* ---- KOLOR · akcenty -------------------------------------------------- */
  --crimson:      #B11D2B;  /* SYGNATURA (z logo) — CTA, akcenty            */
  --crimson-deep: #8E1622;  /* hover / pressed                             */
  --crimson-ink:  #6B1019;  /* drench: sekcja domykająca, tło              */
  --bronze:       #B08D57;  /* premium — linie, numery, detale (oszczędnie) */
  --bronze-soft:  #C9AC7E;  /* bronze jako tekst na ciemnym                 */
  --stone:        #6E7176;  /* neutral / wyciszony                          */

  /* ---- KOLOR · tekst ---------------------------------------------------- */
  --on-ink:        #EDE8E0; /* tekst główny na ciemnym                      */
  --on-ink-muted:  #9A9CA1; /* tekst wyciszony na ciemnym                   */
  --on-paper:      #1A1B1E; /* tekst główny na jasnym                       */
  --on-paper-muted:#6E7176; /* tekst wyciszony na jasnym                    */

  /* ---- TYPOGRAFIA · system free (SIL OFL · Google Fonts) ------------- */
  /* Display Bebas Neue (wersaliki) · Body Hanken Grotesk · Akcent Oswald · Logo Teko.
     Wszystko darmowe — render identyczny lokalnie i w chmurze, zero licencji. */
  --font-display: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
  --font-accent:  'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-logo:    'Teko', 'Oswald', 'Arial Narrow', sans-serif; /* logotyp / wordmark „Mężczyzna 2.0" */
  /* BRAND INTENT (po wykupieniu licencji):
     display → Canela / Reckless / Ogg
     accent  → Druk Wide / Druk Condensed (echo wordmarku logo)
     body    → Söhne / Suisse Int'l                                        */

  /* ---- SKALA TYPO (modular ~1.25) -------------------------------------- */
  --step--1: 0.85rem;   /* caption                                          */
  --step-0:  1.0625rem; /* body (17px)                                      */
  --step-1:  1.3rem;    /* body large / H5                                  */
  --step-2:  1.625rem;  /* H4                                               */
  --step-3:  2rem;      /* H3                                               */
  --step-4:  2.5rem;    /* H2                                               */
  --step-5:  3.1rem;    /* H1                                               */
  --step-6:  3.9rem;    /* display / hero                                   */

  /* ---- ODSTĘPY (baza 4px) ---------------------------------------------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;

  /* ---- RADIUS (miękko, ale nie cukierkowo) ----------------------------- */
  --r-sharp: 0;
  --r-sm:    10px;
  --r-md:    14px;
  --r-lg:    20px;
  --r-xl:    28px;
  --r-pill:  999px;

  /* ---- LINIE · miękkie obwódki zamiast separatorów --------------------- */
  --line:      rgba(176,141,87,.20);   /* ciepła obwódka karty               */
  --line-soft: rgba(237,232,224,.08);  /* neutralna obwódka na ciemnym       */
  --shadow-card: 0 26px 60px rgba(0,0,0,.34);
  --shadow-soft: 0 16px 40px rgba(0,0,0,.26);

  /* ---- LINIE · sygnatura systemu --------------------------------------- */
  --hairline:      1px solid var(--bronze);   /* dzielnik sekcji            */
  --rule-graphite: 1px solid var(--graphite);

  /* ---- LAYOUT ---------------------------------------------------------- */
  --maxw: 1160px;
}