:root {
  /* Barvy */
  --color-primary: #d0202a;
  --color-primary-hover: #ad1821;

  --color-dark: #0e1420;
  --color-white: #ffffff;

  --color-background: #f5f5f5;
  --color-surface: #ffffff;

  --color-text: #222222;
  --color-text-muted: #666666;

  --color-border: #e3e5e8;

  /* Rozměry */
  --content-width: 1120px;
  --content-gutter: 48px;
  --content-gutter-tablet: 32px;
  --content-gutter-mobile: 24px;

  /* Typografie */
  --font-family: Arial, Helvetica, sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 32px;
  --font-size-hero: 56px;

  /* Mezery */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;

  /* Zaoblení */
  --radius-sm: 4px;
  --radius-control: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Stíny */
  --shadow-card: 0 3px 12px rgba(14, 20, 32, 0.06);
  --shadow-card-hover: 0 5px 18px rgba(14, 20, 32, 0.09);

  /* Animace */
  --transition-default: 200ms ease;
}