:root {
  /* Barevná paleta */
  --bg: #f6f7f5;
  --bg-subtle: #eeefe9;
  --surface: #ffffff;
  --surface-alt: #f0f3f1;
  --text: #151816;
  --text-muted: #60655f;
  --text-light: #8b908a;
  
  /* Brandové akcenty */
  --accent: #d85d3f;
  --accent-hover: #b94830;
  --accent-subtle: rgba(216, 93, 63, 0.12);
  
  /* Technický akcent */
  --technical: #253d35;
  --technical-dark: #192a24;
  --technical-light: #345248;
  --technical-surface: #1e332c;
  
  /* Hranice a oddělovače */
  --border: rgba(21, 24, 22, 0.12);
  --border-subtle: rgba(21, 24, 22, 0.06);
  --border-focus: #d85d3f;

  /* Poloměry zaoblení */
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-full: 9999px;

  /* Kontejner */
  --container: 1280px;

  /* Stíny */
  --shadow-sm: 0 2px 8px rgba(20, 25, 22, 0.04);
  --shadow-soft: 0 16px 50px rgba(20, 25, 22, 0.08);
  --shadow-card: 0 10px 30px rgba(20, 25, 22, 0.05);
  --shadow-hover: 0 20px 40px rgba(20, 25, 22, 0.12);
  --shadow-floating: 0 24px 60px rgba(0, 0, 0, 0.18);

  /* Typografie */
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Přechody */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
