/* TOPPLACHTY — NAPNUTO · design tokens (binding: _spec/DESIGN.md §5–6) */
:root {
  /* brand, measured off their logo */
  --yellow: #FFCC00;
  --yellow-deep: #E0B200;
  --silver: #C7C7C7;
  --ink: #0B0B0B;
  --ink-2: #161616;
  --ink-3: #242424;
  --cream: #EDE6D3;
  --cream-2: #E4DCC6;
  --cream-3: #F4EFE2;
  --focus: #2EA3F2;

  /* vzorník (their metráž SKUs; hexes sampled from their chips, see _work) */
  --sw-bila: #FFFFFF;
  --sw-cervena: #FE001A;
  --sw-hneda: #312D24;
  --sw-modra: #1D4487;
  --sw-oranzova: #F9A800;
  --sw-seda: #7E7E7C;
  --sw-stribrna: #A9A9A9;
  --sw-zelena: #187B2B;
  --sw-zluta: #F6B600;
  --sw-cerna: #161616;

  /* chrome / aluminium */
  --al: linear-gradient(180deg, #f6f6f6 0%, #cfcfcf 34%, #8d8d8d 52%, #a9a9a9 60%, #ececec 100%);
  --chrome: radial-gradient(circle at 35% 30%, #ffffff 0%, #d9d9d9 22%, #7d7d7d 55%, #c9c9c9 78%, #6c6c6c 100%);

  /* material recipes: weave + specular + grain, applied by .face-* */
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");

  /* type */
  --f-display: "Saira Extra Condensed", "Arial Narrow", sans-serif;
  --f-text: "IBM Plex Sans", "Segoe UI", sans-serif;
  --f-mono: "IBM Plex Mono", "Consolas", monospace;

  --fs-hero: clamp(3.7rem, 10.5vw, 11.5rem);
  --fs-h2: clamp(2.2rem, 5.2vw, 5rem);
  --fs-h3: clamp(1.4rem, 2.4vw, 2.2rem);
  --fs-body: clamp(1rem, .95rem + .25vw, 1.125rem);
  --fs-small: .875rem;
  --fs-mono: .8125rem;

  /* rhythm */
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --section: clamp(4rem, 9vw, 9rem);
  --measure: 66ch;
  --hem: 24px;
  --radius: 2px;

  /* motion: NAPNUTO — tensioned fabric, taut snap at the end */
  --ease-taut: cubic-bezier(.2, .9, .25, 1.12);
  --ease-slide: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .22s;
  --t-med: .55s;
  --t-slow: 1.1s;
}
