/* =============================================================================
   TOKENS — design system (clean premium, inspiracja: poziom511.pl)
   Paleta wyciszona, ziemista. Typografia Sora w lekkich wagach.
   ============================================================================= */

:root {
  /* --- Paleta: wyciszona, naturalna, premium --- */
  --ink:        #1A1B1A;   /* prawie czerń — tekst / ciemne sekcje */
  --ink-2:      #24251F;
  --char:       #31352C;   /* ciemna oliwka — ciemne sekcje */
  --char-soft:  #3B3F35;

  /* Akcent — stonowany bronz/taupe (zamiast błyszczącego złota) */
  --gold:       #9C8560;
  --gold-lite:  #C4B393;
  --gold-deep:  #6F6247;
  --gold-glow:  rgba(156, 133, 96, 0.20);

  --cream:      #F5F2EE;   /* kość (bone) — główne jasne tło */
  --cream-2:    #EFEBE3;
  --cream-3:    #FAF8F4;
  --sand:       #E7E2D8;
  --sand-2:     #DED8CB;

  --text:       #3A3B35;   /* tekst body */
  --text-strong:#1A1B1A;   /* nagłówki */
  --muted:      #8C8A7C;   /* tekst pomocniczy */
  --line:       rgba(26, 27, 26, 0.12);
  --line-2:     rgba(26, 27, 26, 0.20);

  /* --- Szkło --- */
  --glass-light: rgba(245, 242, 238, 0.78);
  --glass-dark:  rgba(26, 27, 26, 0.52);
  --glass-brd:   rgba(255, 255, 255, 0.14);
  --blur:        16px;

  /* --- Typografia --- */
  /* Nagłówki: Playfair Display (upright, ZERO italic). Menu / opis / body: Montserrat. */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-eyebrow: clamp(0.6rem, 0.55rem + 0.25vw, 0.68rem);
  --fs-body:    clamp(0.95rem, 0.92rem + 0.18vw, 1.02rem);
  --fs-lead:    clamp(1.02rem, 0.98rem + 0.45vw, 1.22rem);
  --fs-h3:      clamp(1.25rem, 1.05rem + 1vw, 1.8rem);
  --fs-h2:      clamp(1.9rem, 1.35rem + 2.6vw, 3.4rem);
  --fs-display: clamp(2.6rem, 1.5rem + 5.8vw, 6.4rem);

  /* --- Rytm / siatka (więcej powietrza) --- */
  --wrap:       1360px;
  --wrap-narrow:1080px;
  --gutter:     clamp(22px, 5vw, 64px);
  --section-y:  clamp(90px, 12vw, 190px);
  --radius:     0px;       /* clean = brak zaokrągleń */
  --radius-lg:  2px;

  /* --- Cienie (subtelne) --- */
  --shadow-xs:   0 4px 16px rgba(26, 27, 26, 0.05);
  --shadow-soft: 0 24px 60px rgba(26, 27, 26, 0.08);
  --shadow-deep: 0 40px 90px rgba(26, 27, 26, 0.14);
  --shadow-gold: 0 20px 46px rgba(111, 98, 71, 0.18);

  /* --- Ruch --- */
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out:cubic-bezier(0.76, 0, 0.24, 1);
  --ease-soft:  cubic-bezier(0.25, 1, 0.5, 1);
  --dur:        0.6s;
  --dur-slow:   1.1s;

  /* --- Warstwy --- */
  --z-cursor:   9999;
  --z-preloader:9000;
  --z-progress: 800;
  --z-header:   700;
  --z-mobile:   690;
  --z-sticky:   600;
  --z-lightbox: 950;
}

:root[data-theme="dark"] {
  --cream:   #1A1B1A;
  --cream-2: #24251F;
  --text:    #E7E3DA;
  --text-strong: #FAF8F4;
  --muted:   #9A9488;
  --line:    rgba(196, 179, 147, 0.16);
}