/* ─────────────────────────────────────────────────────────────
   Zadanie — Typography
   Didot-spirit display + editorial body.
   Headings: airy, high-contrast serif. Body: quiet, readable.
   Two body options are provided (serif default / sans alternate);
   swap --font-body to switch site-wide (Shopify theme setting).
   ───────────────────────────────────────────────────────────── */

:root {
  /* ---- Families ---- */
  --font-display: 'Bodoni Moda', 'Didot', 'Times New Roman', serif;
  --font-serif:   'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:    'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* Body face — default = editorial serif. Swap to --font-sans for
     longer reading passages (both shown in the specimen cards). */
  --font-body:    var(--font-serif);

  /* ---- Weights ---- */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semi:    600; /* @kind font */

  /* ---- Type scale (desktop) ---- */
  /* H1–H6 headings are spacious, never cramped. */
  --fs-h1: 72px; /* @kind font */   --lh-h1: 1.06; /* @kind font */  --ls-h1: -0.01em; /* @kind font */
  --fs-h2: 54px; /* @kind font */   --lh-h2: 1.10; /* @kind font */  --ls-h2: -0.005em; /* @kind font */
  --fs-h3: 40px; /* @kind font */   --lh-h3: 1.15; /* @kind font */  --ls-h3: 0em; /* @kind font */
  --fs-h4: 30px; /* @kind font */   --lh-h4: 1.22; /* @kind font */  --ls-h4: 0em; /* @kind font */
  --fs-h5: 22px; /* @kind font */   --lh-h5: 1.30; /* @kind font */  --ls-h5: 0.01em; /* @kind font */
  --fs-h6: 18px; /* @kind font */   --lh-h6: 1.40; /* @kind font */  --ls-h6: 0.02em; /* @kind font */

  --fs-body:  17px; /* @kind font */  --lh-body:  1.70; /* @kind font */  --ls-body:  0em; /* @kind font */
  --fs-small: 14px; /* @kind font */  --lh-small: 1.55; /* @kind font */  --ls-small: 0.01em; /* @kind font */

  /* Eyebrow / label — spaced small caps ("jedyna sztuka") */
  --fs-eyebrow: 12px; /* @kind font */
  --lh-eyebrow: 1.4; /* @kind font */
  --ls-eyebrow: 0.24em; /* @kind font */
  --tt-eyebrow: uppercase; /* @kind font */
  --fw-eyebrow: var(--fw-medium); /* @kind font */

  /* ---- Mobile clamps (fluid down) ---- */
  --fs-h1-fluid: clamp(40px, 8vw, 72px); /* @kind font */
  --fs-h2-fluid: clamp(32px, 6vw, 54px); /* @kind font */
  --fs-h3-fluid: clamp(26px, 4.5vw, 40px); /* @kind font */
}

/* Convenience specimen classes (used by cards / kits) */
.t-display { font-family: var(--font-display); font-weight: var(--fw-regular); }
.t-h1 { font-family: var(--font-display); font-size: var(--fs-h1); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); font-weight: var(--fw-regular); margin: 0; }
.t-h2 { font-family: var(--font-display); font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: var(--fw-regular); margin: 0; }
.t-h3 { font-family: var(--font-display); font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); font-weight: var(--fw-regular); margin: 0; }
.t-h4 { font-family: var(--font-display); font-size: var(--fs-h4); line-height: var(--lh-h4); font-weight: var(--fw-regular); margin: 0; }
.t-h5 { font-family: var(--font-display); font-size: var(--fs-h5); line-height: var(--lh-h5); font-weight: var(--fw-regular); margin: 0; }
.t-h6 { font-family: var(--font-display); font-size: var(--fs-h6); line-height: var(--lh-h6); letter-spacing: var(--ls-h6); font-weight: var(--fw-medium); margin: 0; }
.t-body  { font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); font-weight: var(--fw-regular); }
.t-small { font-family: var(--font-body); font-size: var(--fs-small); line-height: var(--lh-small); }
.t-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-eyebrow);
  line-height: var(--lh-eyebrow);
  letter-spacing: var(--ls-eyebrow);
  text-transform: var(--tt-eyebrow);
  font-weight: var(--fw-eyebrow);
  color: var(--text-muted);
}