/* Design tokens – TatraHolz */
:root {
  /* farby */
  --paper: #f6f2ea;
  --paper-2: #ede7da;
  --paper-3: #e3dbc9;
  --white: #fffdf8;
  --ink: #14130f;
  --ink-2: #55514a;
  --ink-3: #8a8478;
  --line: #ddd5c5;
  --forest: #1f3a2b;
  --forest-2: #2c5140;
  --forest-tint: #e4ebe2;
  --larch: #c8893f;
  --larch-2: #a96f2a;
  --larch-tint: #f4e4cc;
  --gold: #a8963e;
  --danger: #b3402e;
  --receipt-paper: #fffefa;

  /* typografia */
  /* League Spartan 800 – v porovnaní vedľa loga najbližší voľný font k wordmarku TATRAHOLZ */
  --font-display: "League Spartan", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, sans-serif;
  --display-stretch: 100%;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  /* nadpisy sú verzálkami, preto o stupeň menšie než by boli v minuskách */
  --fs-xl: clamp(1.3rem, 1.05rem + 0.9vw, 1.625rem);
  --fs-2xl: clamp(1.8rem, 1.3rem + 2vw, 2.75rem);
  --fs-3xl: clamp(2.25rem, 1.4rem + 3.4vw, 4rem);

  /* rozostupy */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4.5rem;
  --s-9: 7rem;

  /* tvary */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  --shadow-1: 0 1px 2px rgb(20 19 15 / 6%), 0 4px 14px rgb(20 19 15 / 5%);
  --shadow-2: 0 2px 4px rgb(20 19 15 / 6%), 0 18px 44px rgb(20 19 15 / 12%);

  /* layout */
  --container: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 72px;
  --rail-w: 380px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}