/* City Sightseeing Warsaw Global — tokeny z księgi znaku (tokens.json). Nie edytuj ręcznie. */

@font-face { font-family: 'Nunito'; src: url('../fonts/Nunito.woff2') format('woff2'); font-weight: 200 1000; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --red: #e21316;
  --red-strong: #b80f12;
  --on-red: #ffffff;
  --ink: #3e3e3e;
  --ink-muted: #6e6e6e;
  --grey: #8f8f8f;
  --surface: #ffffff;
  --surface-alt: #f4f4f4;
  --line: #e0e0e0;
  --line-soft: #d3d3d3;
  --star: #fcc000;
  --orange: #ff9000;
  --purple: #741271;
  --on-purple: #ffffff;
  --route-red: var(--red);
  --route-blue: #1976d2;
  --on-route-blue: #ffffff;
  --success: #2e7d32;
  --warning: #b35f00;
  --danger: var(--red);
  --shadow-card: 2px 2px 5px 0 rgba(0,0,0,0.314);
  --shadow-lift: 0 15px 20px -15px rgb(60,50,50);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-pill: 24px;
  --radius-round: 50%;
  --container: 1200px;
  --tap-target: 44px;
  --bookbar-height: 64px;
  --font-heading: Nunito, "Droid Sans", sans-serif;
  --font-body: Roboto, "Droid Sans", sans-serif;
}

.csw-h1 { font-family: var(--font-heading); font-size: 32px; line-height: 1.25; font-weight: 900; }
.csw-h2 { font-family: var(--font-heading); font-size: 28.8px; line-height: 1.25; font-weight: 900; }
.csw-h3 { font-family: var(--font-heading); font-size: 20px; line-height: 1.3; font-weight: 800; }
.csw-fact { font-family: var(--font-heading); font-size: 22px; line-height: 26px; font-weight: 900; }
.csw-price { font-family: var(--font-heading); font-size: 32px; line-height: 36px; font-weight: 900; font-variant-numeric: tabular-nums; }
.csw-book { font-family: var(--font-body); font-size: 25.6px; line-height: 1.1; font-weight: 700; }
.csw-body { font-family: var(--font-body); font-size: 16px; line-height: 1.5; font-weight: 400; }
.csw-body-s { font-family: var(--font-body); font-size: 14px; line-height: 1.45; font-weight: 400; }
.csw-label { font-family: var(--font-body); font-size: 14px; line-height: 1.2; font-weight: 700; }
.csw-caption { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 500; }