:root {
  --font-heading: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;

  --bg-base: #f4f5fa;

  --brand-navy: #04063c;
  --brand-orange: #f7981c;
  --brand-mint: #77f9d9;
  --brand-azure: #2f59ff;
  --brand-violet: #a97ffe;
  --brand-salmon: #ff7575;

  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 18px;
  --radius-sm: 12px;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3.5rem;

  /* Dynamické hodnoty motivu — přepisuje je JS podle hodnoty slideru.
     Zde jsou defaulty pro level 1 (teal), aby stránka vypadala dobře i před spuštěním JS. */
  --accent: #2fe3c6;
  --accent-2: #3bc9f6;
  --accent-glow: rgba(47, 227, 198, 0.55);
  --accent-ring: rgba(47, 227, 198, 0.35);
  --accent-soft: rgba(47, 227, 198, 0.14);
  --boss-accent: #77f9d9;
  --boss-accent-ring: rgba(119, 249, 217, 0.35);
  --boss-accent-soft: rgba(119, 249, 217, 0.14);
  --boss-accent-ink: #2a8b92;
  --badge-text: #04063c;
  --glow-opacity: 0.07;
  --fill: 0%;
  --page-bg: #ffffff;
  --level-card-bg: #04063c;

  --text: #04063c;
  --text-muted: rgba(4, 6, 60, 0.62);
  --text-faint: rgba(4, 6, 60, 0.45);
  --surface: #ffffff;
  --surface-border: #e5e7eb;
}