@import url("/assets/css/fonts.css?v=20261008-polish");

:root {
  --navy:#07182b;
  --navy-deep:#04111f;
  --navy-soft:#18304d;
  --gold:#815f17;
  --gold-line:#c79a43;
  --gold-light:#e5c77f;
  --paper:#fcfaf5;
  --paper-deep:#f2ede3;
  --white:#fff;
  --ink:#10233f;
  --muted:#52647a;
  --line:#d9d1c1;
  --line-light:#e8e2d6;
  --serif:"Lora",Georgia,serif;
  --sans:"IBM Plex Sans",Arial,sans-serif;
  --gap-sm:8px;
  --gap-md:16px;
  --gap-lg:24px;
  --card-padding:clamp(18px,3vw,24px);
  --section-space:clamp(32px,5vw,64px);
  --action-height:48px;
  --action-padding:12px 24px;
  --heading-leading:1.2;
  --space-1:.5rem;
  --space-2:clamp(2rem,4vw,3.5rem);
  --space-3:clamp(3rem,6vw,5rem);
  --content-width:1260px;
  --reading-width:760px;
  --header-height:88px;
  --radius-sm:2px;
  --shadow-soft:0 8px 24px rgba(7,24,43,.05);
  --shadow-lift:0 24px 54px rgba(7,24,43,.14);
  --motion-fast:160ms;
  --motion-base:240ms;
  --focus-ring:3px solid var(--gold-line);
}

@media(prefers-reduced-motion:reduce) { :root{--motion-fast:0ms;--motion-base:0ms} }