/* Design tokeny: barvy, typografie, rozestupy. Web používá jen tmavý režim. */
:root {
  color-scheme: dark;

  --bg: #111110;
  --surface: #181817;
  --ink: #f2f2ee;
  --muted: #9a9a93;
  --line: #2a2a27;
  --accent: #f08a4b;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --step-2: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --step-3: clamp(2.5rem, 1.7rem + 4vw, 4.75rem);

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 3rem;
  --space-5: 6rem;

  --radius: 10px;
  --container: 1080px;
  --header-h: 64px;
}