:root{
  /* --- kolory bazowe --- */
  --ink:#14161A;
  --ink-2:#22252B;
  --paper:#FAFAF8;
  --paper-2:#F1F0EC;
  --white:#fff;
  --line:#DDDBD4;
  --line-dark:#2E323A;
  --muted:#63666E;          /* by mala szarosc trzymala AA takze na --paper-2 */
  --muted-light:#9BA0AA;

  /* --- akcenty (te same wartości, dwie nazwy: styles.css / oferta.css) --- */
  --blue:#0586FE;
  --rec:#0586FE; --rec-text:#0468C9; /* --rec na male teksty nie przechodzi AA (3,6:1) */              /* = --blue (primary) */
  --rec-soft:rgba(5,134,254,.10);
  --green:#48F983;
  --accent:#48F983;           /* = --green */
  --purple:#6B46E5;          /* 5,8:1 z bialym - fiolet do tekstu i tel z bialym tekstem */
  --accent-2:#6B46E5;         /* = --purple */
  --purple-soft:rgba(128,88,253,.12);
  --warm:#FF865E;
  --ok:#1E7A3D;
  --bad:#ba3b3b;
  --grad:linear-gradient(90deg,#0586FE 0%,#48F983 50%,#8058FD 100%);
  --shadow:0 24px 70px rgba(17,20,23,.12);

  /* --- wymiary / promienie --- */
  --max:1180px;
  --r:14px;
  --radius:24px;
  --gutter:clamp(20px,4vw,40px);
  --sec-y:clamp(56px,7vw,88px);

  
  --system-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --display:var(--system-ui);
  --body:var(--system-ui);
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  
  --naglowek-szerokosc:112%;
  --naglowek-waga:800;      /* h1 */
  --naglowek-waga-2:750;    /* h2 */
  --naglowek-waga-3:700;    /* h3, h4 */
}


h1, h2, h3, h4 {
  font-family: var(--display);
  font-stretch: var(--naglowek-szerokosc);
}
h1     { font-weight: var(--naglowek-waga); }
h2     { font-weight: var(--naglowek-waga-2); }
h3, h4 { font-weight: var(--naglowek-waga-3); }