/**
 * Lider Boxing — design tokens (moodboard + źródło prawdy dla zmiennych CSS).
 * Ładowane przed style.css motywu potomnego.
 */

:root {
  /* Powierzchnie */
  --lider-black: #0a0a0c;
  --lider-black-elevated: #121214;
  --lider-black-deep: #050506;
  --lider-white: #ffffff;

  /* Marka: czerwień + złoty akcent (ring / mistrzostwo — nie zastępuje czerwieni CTA) */
  --lider-red: #c00000;
  --lider-red-hover: #ff2b2b;
  --lider-red-soft: rgba(192, 0, 0, 0.35);
  --lider-gold: #d4a853;
  --lider-gold-bright: #e8c878;
  --lider-gold-dim: rgba(212, 168, 83, 0.22);

  /* Hierarchia tekstu na ciemnym tle */
  --lider-ink-strong: #ffffff;
  --lider-ink: #e8eaef;
  --lider-ink-soft: #eef1f5;
  --lider-ink-muted: #9aa3b2;

  /* Typografia */
  --lider-font-display: "Tektur", "Segoe UI", system-ui, sans-serif;
  --lider-font-body: "DM Sans", system-ui, "Segoe UI", sans-serif;

  /* Skala (clamp) — nagłówki treści / sekcje */
  --lider-type-display: clamp(2.25rem, 5.5vw, 3.75rem);
  --lider-type-h2: clamp(1.65rem, 3.2vw, 2.35rem);
  --lider-type-h3: clamp(1.25rem, 2.2vw, 1.5rem);
  --lider-type-body: clamp(1rem, 1.05vw, 1.0625rem);
  --lider-type-caption: 0.8125rem;

  /* Layout */
  --lider-content-max: 1200px;
  --lider-radius-sm: 8px;
  --lider-radius-md: 12px;
  --lider-radius-lg: 16px;
  --lider-radius-pill: 999px;

  /* Elevation */
  --lider-shadow-card: 0 12px 40px rgba(0, 0, 0, 0.42);
  --lider-shadow-cta: 0 8px 24px rgba(160, 0, 0, 0.38);
  --lider-border-subtle: 1px solid rgba(255, 255, 255, 0.1);
  --lider-border-gold: 1px solid rgba(212, 168, 83, 0.45);

  /* Linki w treści (koral — czytelny na czerni) */
  --lider-link: #ffb0b0;
  --lider-link-hover: #ffffff;
}