/* ROKIRI — Design Tokens
   Single source of truth. Editovat zde, propaguje se do index.html i design-system.html.
   ============================================================ */

/* ── Proměnné ── */
:root {
  --ink:        #0e0f12;
  --panel:      #17181c;
  --panel-2:    #1e2025;
  --line:       #2a2b30;
  --steel:      #d2d3d6;
  --steel-dim:  #85868c;
  --gold:       #ffce07;
  --gold-soft:  #ffda3d;
  --ok:         #52c98b;

  --display: 'Kanit', sans-serif;
  --body:    'Nunito Sans', sans-serif;
  --mono:    'IBM Plex Mono', monospace;

  --fs-min:   14px;
  --fs-base:  16px;
  --fs-md:    17px;
  --fs-lg:    20px;
  --fs-xl:    clamp(30px, 4vw, 44px);
  --fs-hero:  clamp(46px, 6.4vw, 76px);
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: var(--fs-base); }
body {
  background: var(--ink);
  color: var(--steel);
  font-family: var(--body);
  font-size: var(--fs-base);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a   { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* ── Nadpisy — base ── */
h1, h2, h3 {
  font-family: var(--display);
  font-weight: 400;
  letter-spacing: .015em;
  text-transform: uppercase;
  color: #fff;
}

/* ── Typografické třídy ── */
.h1 { font-family: var(--display); font-size: var(--fs-hero); font-weight: 900; line-height: .98;  text-transform: uppercase; letter-spacing: .01em;  color: #fff; }
.h2 { font-family: var(--display); font-size: var(--fs-xl);   font-weight: 700; line-height: 1.1;  text-transform: uppercase; letter-spacing: .015em; color: #fff; }
.h3 { font-family: var(--display); font-size: var(--fs-lg);   font-weight: 600; line-height: 1.2;  text-transform: uppercase; letter-spacing: .015em; color: #fff; }
.h4 { font-family: var(--display); font-size: var(--fs-md);   font-weight: 700; line-height: 1.3;  text-transform: uppercase; letter-spacing: .04em;  color: rgba(255,255,255,.75); }