/* Jan Maier – design tokeny pro web. Jediné místo pravdy pro barvy, písma a rozměry.
   Zdroj: brand manuál v1.0 (19. 10. 2026), brand-kit/tokens/tokens.css */
:root {
  /* Barvy */
  --jm-ink: #111111;
  --jm-paper: #FAF8F3;
  --jm-white: #FFFFFF;
  --jm-yellow: #FFC72C;
  --jm-yellow-hover: #F5B700;
  --jm-yellow-tint: #FFF1C7;
  --jm-blue: #1F4FD8;
  --jm-blue-on-dark: #7EA2FF;
  --jm-red-text: #C8202F;
  --jm-muted: #5E5A52;
  --jm-muted-on-dark: #A8A39A;
  --jm-line: #E6E1D6;
  --jm-line-on-dark: #2E2C28;
  --jm-shadow-sm: 0 10px 30px rgb(17 17 17 / .12);
  --jm-shadow-lg: 0 20px 50px rgb(17 17 17 / .18);
  --jm-field-border: #8A857B;
  /* THE SHORTCUT: fialová studia (#C026D3), na světlém nepatrně ztmavená kvůli čitelnosti */
  --jm-shortcut: #BE25D1;
  --jm-shortcut-hover: #A21CAF;
  --jm-shortcut-on-dark: #D946EF;

  /* Písma */
  --jm-font-heading: 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --jm-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --jm-tracking-heading: -0.015em;
  --jm-tracking-label: 0.08em;

  /* Velikosti: mobil → desktop */
  --jm-size-display: clamp(2.75rem, 1.9rem + 3.6vw, 4rem);     /* 44 → 64 px */
  --jm-size-h1: clamp(2.125rem, 1.6rem + 2.2vw, 3rem);         /* 34 → 48 px */
  --jm-size-h2: clamp(1.625rem, 1.4rem + 1vw, 2rem);           /* 26 → 32 px */
  --jm-size-h3: clamp(1.25rem, 1.15rem + .45vw, 1.5rem);       /* 20 → 24 px */
  --jm-size-body-lg: clamp(1.125rem, 1.08rem + .2vw, 1.25rem); /* 18 → 20 px */
  --jm-size-body: 1.125rem;                                     /* 18 px */
  --jm-size-small: .9375rem;                                    /* 15 px */
  --jm-size-caption: .8125rem;                                  /* 13 px */
  --jm-lh-tight: 1.06;
  --jm-lh-heading: 1.18;
  --jm-lh-body: 1.55;

  /* Mezery */
  --jm-space-4: .25rem;
  --jm-space-8: .5rem;
  --jm-space-12: .75rem;
  --jm-space-16: 1rem;
  --jm-space-24: 1.5rem;
  --jm-space-32: 2rem;
  --jm-space-48: 3rem;
  --jm-space-64: 4rem;
  --jm-space-96: 6rem;
  --jm-section: clamp(4rem, 2.6rem + 6vw, 6rem);   /* 64 → 96 px */
  --jm-gutter: clamp(1rem, .6rem + 1.8vw, 2rem);   /* 16 → 32 px */
  --jm-max: 75rem;                                  /* 1200 px */

  /* Tvary */
  --jm-radius-sm: 8px;
  --jm-radius-md: 14px;
  --jm-radius-lg: 24px;
  --jm-radius-pill: 999px;
  --jm-touch: 2.75rem;  /* 44 px */

  /* Pohyb */
  --jm-motion-fast: 150ms;
  --jm-motion-base: 250ms;
  --jm-motion-slow: 400ms;
  --jm-ease: cubic-bezier(0.2, 0, 0, 1);
}