:root{
  --bg: #ffffff;
  --text: #0b1f3a;
  --muted: #64748b;
  --line: #e6eaf0;
  --navy-2: #132c4d;
  --primary: #173f73;
  --accent: #f97316;
  --accent-2: #fb923c;
  --accent-rgb: 249,115,22;
  --alt-bg: #f9fafb;
  --radius: 14px;
  --shadow: 0 12px 32px rgba(11,31,58,0.14);
  --shadow-soft: 0 8px 22px rgba(11,31,58,0.08);
  --container: 1200px;
  --z-panel: 60;
}



body{margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--text); background:var(--bg); line-height:1.6;}
.container{max-width:var(--container); margin:0 auto; padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:8px}

/* Domyślna paleta (navy-orange) już jest w Twoich zmiennych :root */

/* Paleta: granat + zieleń */
/* body.palette-navy-green{
  --accent:#22c55e;
  --accent-2:#16a34a;
  /* opcjonalnie: inne akcenty, np. przyciski, gradienty */
} */

/* Paleta: czerń + złoto */
/* body.palette-black-gold{
  --text:#111827;
  --primary:#111827;
  --navy-2:#1f2937;
  --accent:#c08f36;
  --accent-2:#f0b84a;
} */