/* ============================================================
   BAR&BAR — 01 TOKENS
   Barvy, písma, typografická škála, mřížka, pohyb.
   Navazuje na brandové tokeny z barbar-art-direction.
   ============================================================ */

/* ---------- PÍSMA ------------------------------------------------
   Posterama 2001   = originální brandový řez — jen hero wordmark.
   Posterama 1927   = nadpisy sekcí a data akcí.
   Posterama Text   = podnadpisy a menší display prvky.
   Rawson Alt       = brandový textový font (400 / 500 / 700).
   Vše subsetované na latin + českou diakritiku.
------------------------------------------------------------------ */
@font-face {
  font-family: "Posterama 2001";
  src: url("../fonts/posterama-2001-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Posterama 1927";
  src: url("../fonts/posterama-1927.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Posterama Text";
  src: url("../fonts/posterama-text-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rawson";
  src: url("../fonts/rawson-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rawson";
  src: url("../fonts/rawson-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rawson";
  src: url("../fonts/rawson-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- BARVY ---------- */
  --ink:            #08080a;   /* základní čerň stránky            */
  --ink-raise:      #101012;   /* charcoal — vyvýšené plochy       */
  --ink-deep:       #050506;   /* footer, nejhlubší tón            */
  --bone:           #f2ede7;   /* off-white — hlavní text          */
  --bone-2:         rgba(242, 237, 231, 0.66);
  --bone-3:         rgba(242, 237, 231, 0.52);   /* min. 4.5:1 na --ink i --ink-raise */
  --amber:          #e4923f;   /* hlavní akcent (zářijové grafiky) */
  --amber-soft:     #f0c48a;
  --bronze:         #be7f60;   /* brandová bronz — ampersand       */
  --ember:          #c4402a;   /* hluboká červená                  */
  --burgundy:       #4d1a1c;

  --line:           rgba(242, 237, 231, 0.13);
  --line-strong:    rgba(242, 237, 231, 0.26);
  --line-amber:     rgba(228, 146, 63, 0.46);
  --scrim:          rgba(8, 8, 10, 0.82);

  /* ---------- PÍSMA ---------- */
  --font-brand: "Posterama 2001", "Arial Black", "Helvetica Neue", sans-serif;
  --font-display: "Posterama 1927", "Futura", "Century Gothic", sans-serif;
  --font-subhead: "Posterama Text", "Futura", "Century Gothic", sans-serif;
  --font-text: "Rawson", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ---------- TYPOGRAFICKÁ ŠKÁLA (fluidní) ---------- */
  --t-3xs: clamp(0.625rem, 0.61rem + 0.08vw, 0.688rem);
  --t-2xs: clamp(0.688rem, 0.66rem + 0.12vw, 0.75rem);
  --t-xs:  clamp(0.75rem, 0.72rem + 0.16vw, 0.844rem);
  --t-sm:  clamp(0.875rem, 0.84rem + 0.18vw, 0.969rem);
  --t-md:  clamp(1rem, 0.96rem + 0.2vw, 1.094rem);
  --t-lg:  clamp(1.125rem, 1.05rem + 0.36vw, 1.313rem);
  --t-xl:  clamp(1.375rem, 1.24rem + 0.66vw, 1.75rem);
  --t-2xl: clamp(1.75rem, 1.5rem + 1.2vw, 2.5rem);
  --t-3xl: clamp(2.25rem, 1.8rem + 2.2vw, 3.75rem);
  --t-4xl: clamp(2.75rem, 1.9rem + 4vw, 5.5rem);

  /* display — pro oversized brandovou typografii */
  --d-sm:  clamp(2.5rem, 1.4rem + 5.2vw, 6rem);
  --d-md:  clamp(3.25rem, 1.2rem + 9.6vw, 9rem);
  --d-lg:  clamp(3.75rem, 0.6rem + 14.6vw, 13.5rem);

  /* ---------- MŘÍŽKA A RYTMUS ---------- */
  --gutter: clamp(1.25rem, 4.6vw, 4.5rem);   /* 20px → 72px (brand margin) */
  --measure: 62ch;
  --max: 1600px;
  --max-text: 1180px;

  --sp-1: 0.5rem;
  --sp-2: 0.75rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2rem;
  --sp-6: 3rem;
  --sp-7: 4rem;
  --sp-8: 6rem;
  --section-y: clamp(4.5rem, 9vw, 9.5rem);

  --header-h: 68px;
  --radius: 3px;
  --radius-lg: 8px;

  /* ---------- POHYB ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-1: 180ms;
  --dur-2: 380ms;
  --dur-3: 720ms;
}

@media (min-width: 1024px) {
  :root { --header-h: 84px; }
}