/**
 * STORIES TOKENS (Sekce 3.0)
 *
 * Sdílené design tokens pro celou sekci Stories (3.0)
 * Importuje: global-tokens.css
 * Používají: storybook-tokens.css (3.3, 3.4), logentries-tokens.css (3.2)
 *
 * Obsahuje:
 * - Sémantické pojmenování barev (sdílené pro sekci 3.0)
 * - Layout base hodnoty
 * - Typography base
 * - Spacing base
 */

@import url('/assets/css/tokens/global-tokens.css');

:root {
  /* ============================================
     LAYOUT BASE
     ============================================ */

  /* Sémantické barvy jsou zděděné z global-tokens.css:
     --color-text-primary, --color-text-header, --color-text-meta,
     --color-background-page, --color-ui-primary, --color-ui-hover */

  /* Page layout tokens inherited from global-tokens.css:
     --page-max-width, --page-width-content,
     --margin-horizontal, --margin-horizontal-mobile,
     --margin-top, --margin-bottom */


  /* ============================================
     TYPOGRAPHY BASE (Shared across Stories 3.0)
     ============================================ */

  /* Base font sizes */
  --font-size-base: 1.125rem;                   /* 14pt / 18.66px */

  /* Font families jsou zděděné z global-tokens.css */
  /* --font-family-story a --font-family-system použitelné přímo */

  /* Story body typography */
  --font-size-story-body: 1.125rem;             /* 14pt / 18.66px */
  --font-size-story-body-mobile: 1.08rem;       /* 13pt / 17.33px */
  --line-height-story: 1.5;                     /* Optimální pro Source Serif Pro */
  --letter-spacing-story: 0.01em;               /* Jemné rozvolnění */

  /* Title typography */
  --font-size-story-title: 1.5rem;              /* 18pt / 24px */
  --font-size-story-title-mobile: 1.33rem;      /* 16pt / 21.33px */
  --line-height-header: 1.3;                    /* Pro nadpisy */

  /* Cover title */
  --font-size-cover-title: 2.66rem;             /* 32pt / 42.66px */
  --font-size-cover-title-mobile: 2rem;         /* 24pt / 32px */


  /* ============================================
     SPACING BASE
     ============================================ */

  --spacing-section: 3rem;                      /* 48px */


  /* ============================================
     NAVIGATION (Shared across 3.0 section)
     ============================================ */

  /* Breadcrumbs - inherited from global-tokens.css */

  /* Navigation */
  --font-size-navigation: 1rem;                 /* 12pt / 16px */
  --letter-spacing-navigation: 0.05em;
  --nav-button-background: transparent;
  --nav-button-padding: 0.5em 0;


  /* ============================================
     RESPONSIVE
     ============================================ */

  --breakpoint-mobile: 768px;
}