:root,
.scheme-a {
  --scheme-name: "A Navy + Ember";
  --ognisal-ink: #0B1F33;
  --ognisal-blue: #0B1F33;
  --ognisal-navy: #0B1F33;
  --ognisal-steel: #163A54;
  --ognisal-sky: #E85D04;
  --ognisal-ember-hover: #F97316;
  --ognisal-lead: #FFD6A5;
  --ognisal-cyan: #CBD5E1;
  --ognisal-mist: #F4F5F7;
  --ognisal-surface: #F4F5F7;
  --ognisal-panel: #0B1F33;
  --ognisal-hero-overlay: rgba(0, 0, 0, 0.45);
}

.scheme-b {
  --scheme-name: "B Slate + cyan";
  --ognisal-ink: #0F172A;
  --ognisal-blue: #0F172A;
  --ognisal-navy: #0F172A;
  --ognisal-steel: #1E293B;
  --ognisal-sky: #0284C7;
  --ognisal-ember-hover: #38BDF8;
  --ognisal-lead: #E2E8F0;
  --ognisal-cyan: #CBD5E1;
  --ognisal-mist: #F1F5F9;
  --ognisal-surface: #F1F5F9;
  --ognisal-panel: #0F172A;
  --ognisal-hero-overlay: rgba(15, 23, 42, 0.55);
}

.scheme-c {
  --scheme-name: "C Graphite + miedz";
  --ognisal-ink: #1C1917;
  --ognisal-blue: #1C1917;
  --ognisal-navy: #292524;
  --ognisal-steel: #44403C;
  --ognisal-sky: #B45309;
  --ognisal-ember-hover: #D97706;
  --ognisal-lead: #FDBA74;
  --ognisal-cyan: #D6D3D1;
  --ognisal-mist: #F5F5F4;
  --ognisal-surface: #F5F5F4;
  --ognisal-panel: #1C1917;
  --ognisal-hero-overlay: rgba(28, 25, 23, 0.55);
}

.scheme-d {
  --scheme-name: "D Granat widoczny";
  --ognisal-ink: #002B5C;
  --ognisal-blue: #003A70;
  --ognisal-navy: #0A4A8A;
  --ognisal-steel: #1B6AA8;
  --ognisal-sky: #009FE3;
  --ognisal-ember-hover: #F97316;
  --ognisal-lead: #FFD6A5;
  --ognisal-cyan: #A8C4DE;
  --ognisal-mist: #D8E6F4;
  --ognisal-surface: #EAF1F8;
  --ognisal-panel: #003A70;
  --ognisal-hero-overlay: rgba(0, 0, 0, 0.45);
}

.scheme-e {
  --scheme-name: "E Granat + ramki A";
  --ognisal-ink: #002B5C;
  --ognisal-blue: #003A70;
  --ognisal-navy: #0A4A8A;
  --ognisal-steel: #1B6AA8;
  --ognisal-sky: #E85D04;
  --ognisal-ember-hover: #F97316;
  --ognisal-lead: #FFD6A5;
  --ognisal-cyan: #A8C4DE;
  --ognisal-mist: #D8E6F4;
  --ognisal-surface: #EAF1F8;
  --ognisal-panel: #0B1F33;
  --ognisal-hero-overlay: rgba(0, 0, 0, 0.45);
}