:root{
  --bg:#ffffff; --text:#0b1f3a; --muted:#5b6b85; --line:#e6eaf0;
  --navy-2:#132c4d; --primary:#0b1f3a; --accent:#ff7a00; --accent-2:#ff9f1a;
  --alt-bg: rgba(11,31,58,.04); --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;
}