/* Platforma Afiliacyjna, base: zmienne, reset, typografia (wspólne dla wszystkich widoków) */
:root {
  /* Jasny motyw + pomarańczowe akcenty PKB314 */
  --topbar-h:   56px;   /* wysokość górnego paska (sticky) — używane przez pasek boczny */
  --bg:         #F5F4F1;
  --surface:    #FFFFFF;
  --surface-2:  #F1F0EC;
  --border:     #E3E2DC;
  --text:       #1A1A1A;
  --text-muted: #5C5C5C;
  --brand:      #F05010;   /* PKB314 pomarańcz */
  --brand-deep: #C7400C;
  --green:      #1E9E5A;
  --amber:      #B07800;
  --red:        #D43B40;
  --dark:       #16181D;   /* topbar / baner z logo (białe logo) */
  --radius:     12px;
  --radius-sm:  8px;
  --shadow:     0 4px 18px rgba(20,20,20,.08);
  --font: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/* Treść rośnie, stopka zawsze na dole */
body > main { flex: 1 0 auto; }
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { line-height: 1.25; margin: 0 0 .5em; }
h1 { font-size: 1.8rem; font-weight: 800; }
h2 { font-size: 1.3rem; font-weight: 700; }
.muted { color: var(--text-muted); }
.error { color: var(--red); }
.container { max-width: none; margin: 0; padding: 20px 40px; }
.brand-logo { height: 30px; width: auto; display: block; }
.brand-logo--big { height: 48px; display: block; margin: 0 auto 20px; background: var(--dark);
  padding: 16px 28px; border-radius: 14px; box-sizing: content-box; }