/**
 * Kimsoft Open — design tokens (publik tävlingssida).
 * Temavariabler (--ko-accent m.m.) kan överstyras inline via tournament_theme_vars.php.
 */
.tourney {
  /* Typography */
  --ko-font: "DM Sans", system-ui, -apple-system, sans-serif; /* overridden by tournament_theme_vars.php */
  --ko-text-xs: 0.75rem;
  --ko-text-sm: 0.875rem;
  --ko-text-base: 1rem;
  --ko-text-lg: 1.125rem;
  --ko-text-xl: 1.25rem;
  --ko-text-2xl: clamp(1.35rem, 2.5vw, 1.75rem);
  --ko-text-3xl: clamp(1.65rem, 4vw, 2.35rem);

  /* Spacing (4px scale) */
  --ko-space-1: 0.25rem;
  --ko-space-2: 0.5rem;
  --ko-space-3: 0.75rem;
  --ko-space-4: 1rem;
  --ko-space-5: 1.25rem;
  --ko-space-6: 1.5rem;
  --ko-space-8: 2rem;
  --ko-space-10: 2.5rem;
  --ko-space-12: 3rem;

  /* Motion */
  --ko-duration-fast: 150ms;
  --ko-duration-normal: 280ms;
  --ko-duration-slow: 420ms;
  --ko-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ko-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Shadows */
  --ko-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --ko-shadow-md: 0 4px 16px rgba(15, 35, 64, 0.08);
  --ko-shadow-lg: 0 12px 40px rgba(15, 35, 64, 0.12);

  /* Focus */
  --ko-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ko-accent) 35%, transparent);
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .tourney {
    --ko-duration-fast: 0ms;
    --ko-duration-normal: 0ms;
    --ko-duration-slow: 0ms;
  }
}