/* Volley Pisz — wspólna baza stylów
   Etap CSS 1.1 → 1.6: design tokens + zamiana hardkodów #0b2638/#e7bb58
   na var(--vp-navy-900)/var(--vp-gold-500) w site.css, admin.css, forms.css,
   site-gallery-albums-20260901.css, site-cms-navigation-20260901.css.
   Pozostało: site-hall-event-v1.css (nie miał tych konkretnych hardkodów
   w tej rundzie — do przeglądu osobno, jeśli używa innych odcieni marki).
*/
:root {
  /* Brand */
  --vp-navy-950: #071724;
  --vp-navy-900: #0b2638;
  --vp-navy-800: #123b52;
  --vp-navy-700: #17455f;

  --vp-gold-500: #e7bb58;
  --vp-gold-600: #d7a535;
  --vp-gold-700: #b18427;

  --vp-cream-50: #f9f7f2;
  --vp-cream-100: #f6f3ec;
  --vp-cream-200: #f0ece2;
  --vp-cream-300: #e6e0d4;

  --vp-white: #ffffff;
  --vp-text: #0b1d2b;
  --vp-text-strong: var(--vp-navy-900);
  --vp-text-muted: #687781;
  --vp-text-soft: #7b8c97;

  /* Borders */
  --vp-border: #e6e0d4;
  --vp-border-soft: #eee9e2;
  --vp-border-strong: #d9d3c7;

  /* Status */
  --vp-success: #26b879;
  --vp-danger: #e44d42;

  /* Spacing */
  --vp-space-1: 4px;
  --vp-space-2: 8px;
  --vp-space-3: 12px;
  --vp-space-4: 16px;
  --vp-space-5: 20px;
  --vp-space-6: 24px;
  --vp-space-8: 32px;
  --vp-space-10: 40px;
  --vp-space-12: 48px;

  /* Radius */
  --vp-radius-sm: 8px;
  --vp-radius-md: 12px;
  --vp-radius-lg: 18px;
  --vp-radius-xl: 24px;
  --vp-radius-pill: 999px;

  /* Shadows */
  --vp-shadow-sm: 0 8px 20px rgba(11, 38, 56, .05);
  --vp-shadow-md: 0 14px 28px rgba(11, 38, 56, .09);
  --vp-shadow-lg: 0 28px 70px rgba(7, 23, 36, .20);

  /* Layout */
  --vp-wrap-max: 1180px;

  /* Breakpoint reference values.
     Uwaga: CSS custom properties nie działają jako wartości warunków @media,
     więc breakpointy są dokumentowane tutaj i używane literalnie w media queries. */
  --vp-bp-mobile: 620px;
  --vp-bp-tablet: 900px;
  --vp-bp-desktop: 1200px;

  /* Typography */
  --vp-font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Minimalna wspólna baza — celowo bez nadpisywania istniejących komponentów. */
html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }