/**
 * TVUJORIGINAL CORE
 * Design System V1.2.0
 *
 * Základ: Shoptet Merkur.
 * Tento soubor pouze definuje proměnné. Neobsahuje globální pravidla typu .btn,
 * .content, .point nebo jiné obecné selektory, které by mohly zasáhnout doplňky.
 */

:root {
  /* Barvy */
  --to-color-brand-50: #faf8f6;
  --to-color-brand-100: #f3efeb;
  --to-color-brand-200: #e6dfd8;
  --to-color-brand-300: #d6ccc2;
  --to-color-brand-400: #c5b8ab;
  --to-color-brand-500: #b6a99a;
  --to-color-brand-600: #9d8d7b;
  --to-color-brand-700: #7f6f5f;
  --to-color-brand-800: #604d39;

  --to-color-action: #84ab09;
  --to-color-action-hover: #6f9208;
  --to-color-action-dark: #627c0e;

  --to-color-text: #2f2b28;
  --to-color-heading: #22201e;
  --to-color-muted: #6f6a65;
  --to-color-subtle: #918b85;
  --to-color-line: #e8e2dc;
  --to-color-surface: #ffffff;
  --to-color-surface-soft: #faf8f6;
  --to-color-success: #627c0e;
  --to-color-error: #b42318;

  /* Fonty – navazují na Merkur */
  --to-font-body: "Source Sans 3", Arial, sans-serif;
  --to-font-heading: "Exo 2", "Source Sans 3", Arial, sans-serif;

  /* Typografická stupnice */
  --to-text-xs: 12px;
  --to-text-sm: 14px;
  --to-text-md: 16px;
  --to-text-lg: 18px;
  --to-text-xl: 20px;
  --to-text-2xl: 24px;
  --to-text-3xl: 30px;
  --to-text-4xl: 38px;
  --to-text-5xl: 48px;

  --to-leading-tight: 1.18;
  --to-leading-heading: 1.28;
  --to-leading-body: 1.62;
  --to-leading-relaxed: 1.78;

  /* Mezery */
  --to-space-1: 4px;
  --to-space-2: 8px;
  --to-space-3: 12px;
  --to-space-4: 16px;
  --to-space-5: 20px;
  --to-space-6: 24px;
  --to-space-8: 32px;
  --to-space-10: 40px;
  --to-space-12: 48px;
  --to-space-16: 64px;

  /* Rozměry */
  --to-container-reading: 760px;
  --to-container-content: 1180px;
  --to-control-height: 48px;
  --to-control-height-lg: 54px;

  /* Hrany a stíny */
  --to-radius-sm: 2px;
  --to-radius-md: 4px;
  --to-radius-lg: 8px;
  --to-shadow-soft: 0 8px 30px rgba(47, 43, 40, .08);
  --to-transition: 180ms ease;
}