:root {
  --pb-soot: #121110;
  --pb-panel: #211B17;
  --pb-raised: #30271F;
  --pb-parchment: #EFE3CC;
  --pb-sand: #BCAF98;
  --pb-brass: #B49356;
  --pb-ember: #D77A32;
  --pb-barrier: #79B8D0;
  --pb-font-display: Cinzel, "Palatino Linotype", serif;
  --pb-font-ui: "Source Sans 3", system-ui, sans-serif;
  --pb-font-body: "Source Serif 4", Georgia, serif;
  --pb-mark: url("/assets/brand/pod-bariera-mark.svg");
  --pb-title: "Pod Barierą";
  --ink: var(--pb-parchment);
  --ink-dim: var(--pb-sand);
  --wood: var(--pb-soot);
  --gold: var(--pb-brass);
  --gold-hot: #D4C09A;
  --ember: var(--pb-ember);
  --line: color-mix(in srgb, var(--pb-brass) 32%, transparent);
  --display: var(--pb-font-display);
  --body: var(--pb-font-body);
  --pb-focus: color-mix(in srgb, var(--pb-barrier) 70%, var(--pb-parchment));
}

.pb-mark {
  display: inline-block;
  width: 1.65rem;
  height: 1.65rem;
  background: var(--pb-mark) center / contain no-repeat;
  flex: 0 0 auto;
}

.pb-mark--lg {
  width: 3.25rem;
  height: 3.25rem;
}

.pb-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  color: var(--pb-parchment);
  text-decoration: none;
}

.pb-brand-lockup strong {
  font-family: var(--pb-font-display);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.92rem;
  color: var(--pb-parchment);
  white-space: nowrap;
}

.pb-brand-lockup em {
  font-family: var(--pb-font-body);
  font-style: normal;
  color: var(--pb-sand);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}