/* Wygenerowane z tokens.json przez tools/build.py. Nie edytuj ręcznie. */
:root {
  --hb-green: #20554b;
  --hb-green-deep: #163f37;
  --hb-green-light: #2b6355;
  --hb-gold: #c9a85c;
  --hb-gold-deep: #b8974f;
  --hb-gold-ink: #8c6f35;
  --hb-gold-ink-deep: #7a602c;
  --hb-gold-soft: #e2c98a;
  --hb-gold-soft-2: #d4b978;
  --hb-gold-pale: #e9d39e;
  --hb-gold-on: #16302a;
  --hb-sand: #e4ddd2;
  --hb-cream: #f4f0e9;
  --hb-ivory: #fbf7ee;
  --hb-white: #ffffff;
  --hb-line: #e3dccb;
  --hb-line-2: #d3cbb9;
  --hb-ink: #1e2b27;
  --hb-muted: #5f6b66;
  --hb-muted-2: #7c8680;
  --hb-expired: #9aa29d;
  --hb-on-green: #f3efe6;
  --hb-on-green-muted: #c8d4ce;
  --hb-coin-light: #f4e3b3;
  --hb-coin-mid: #dcc07a;
  --hb-coin-edge: #a9883f;
  --hb-coin-engrave: #6e5422;
  --hb-error: #a63d2f;
  --hb-shadow-lift: 0 10px 24px -12px #163f3740, 0 2px 6px #1e2b270f;
  --hb-shadow-float: 0 18px 40px -16px #163f374d, 0 4px 12px #1e2b2714;
  --hb-shadow-coin: 0 1px 2px #3c2d0a40, 0 2px 6px -2px #3c2d0a33;
  --hb-glow-gold: 0 0 0 6px #c9a85c2e, 0 0 22px 2px #c9a85c66;
  --hb-space-1: 4px;
  --hb-space-2: 8px;
  --hb-space-3: 12px;
  --hb-space-4: 16px;
  --hb-space-5: 20px;
  --hb-space-6: 24px;
  --hb-space-8: 32px;
  --hb-space-10: 40px;
  --hb-space-12: 48px;
  --hb-radius-s: 10px;
  --hb-radius-notice: 14px;
  --hb-radius-card: 16px;
  --hb-radius-hero: 18px;
  --hb-radius-pill: 999px;
  --hb-dur-hover: 180ms;
  --hb-dur-roll: 380ms;
  --hb-dur-count: 900ms;
  --hb-dur-apply: 900ms;
  --hb-dur-progress: 1200ms;
  --hb-dur-levelup: 1500ms;
  --hb-stagger: 40ms;
  --hb-ease-out: cubic-bezier(.16,1,.3,1);
  --hb-ease-std: cubic-bezier(.2,.7,.2,1);
  --hb-coin-xs: 16px;
  --hb-coin-s: 22px;
  --hb-coin-m: 32px;
  --hb-coin-l: 44px;
  --hb-touch: 44px;
  --font-sans: Montserrat, Arial, "Helvetica Neue", sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
}
.hbl-num-xl { font-family: var(--font-serif); font-size: 56px; line-height: 1; font-weight: 600; letter-spacing: -0.01em; }
.hbl-num-l { font-family: var(--font-serif); font-size: 44px; line-height: 1; font-weight: 600; letter-spacing: -0.01em; }
.hbl-num-m { font-family: var(--font-serif); font-size: 30px; line-height: 1.1; font-weight: 600; }
.hbl-num-s { font-family: var(--font-serif); font-size: 20px; line-height: 1.2; font-weight: 600; }
.hbl-h1 { font-family: var(--font-serif); font-size: 36px; line-height: 1.15; font-weight: 600; }
.hbl-h2 { font-family: var(--font-serif); font-size: 26px; line-height: 1.2; font-weight: 600; }
.hbl-h3 { font-family: var(--font-serif); font-size: 20px; line-height: 1.25; font-weight: 600; }
.hbl-sign { font-family: var(--font-serif); font-size: 17px; line-height: 1.3; font-weight: 500; }
.hbl-body { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }
.hbl-body-s { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }
.hbl-label { font-family: var(--font-sans); font-size: 14px; line-height: 1.35; font-weight: 600; }
.hbl-meta { font-family: var(--font-sans); font-size: 12px; line-height: 1.45; font-weight: 500; }
.hbl-eyebrow { font-family: var(--font-sans); font-size: 11px; line-height: 1.4; font-weight: 600; letter-spacing: 0.26em; }
.hbl-button { font-family: var(--font-sans); font-size: 12px; line-height: 1; font-weight: 600; letter-spacing: 0.12em; }
.hbl-code { font-family: var(--font-sans); font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: 0.18em; }