:root {
  --theme-primary-name: "Energetyczna Czerwień";
  --theme-primary-share: 60%;
  --theme-primary: #e10600;

  --theme-secondary-name: "Głęboka Czerń";
  --theme-secondary-share: 25%;
  --theme-secondary: #0d0d0d;

  --theme-neutral-name: "Czysta Biel";
  --theme-neutral-share: 10%;
  --theme-neutral: #ffffff;

  --theme-support-name: "Stalowa Szarość";
  --theme-support-share: 5%;
  --theme-support: #6c757d;

  --page-bg-start: #220707;
  --page-bg-end: #080808;
  --page-grid: rgba(255, 255, 255, 0.06);
  --text-primary: #f5f7fa;
  --text-secondary: #cdd3d8;
  --text-inverse: #ffffff;
  --surface-primary: #141414;
  --surface-secondary: #1d1d1d;
  --surface-tertiary: #ffffff;
  --border-soft: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.24);
  --sidebar-bg: rgba(13, 13, 13, 0.94);
  --sidebar-border: rgba(255, 255, 255, 0.09);
  --menu-bg: rgba(255, 255, 255, 0.06);
  --menu-text: #ffffff;
  --menu-hover: rgba(255, 255, 255, 0.14);
  --menu-active-bg: #e10600;
  --menu-active-border: #ff736b;
  --button-bg: #e10600;
  --button-bg-hover: #ff342d;
  --button-text: #ffffff;
  --button-shadow: rgba(225, 6, 0, 0.34);
  --link-color: #ffffff;
  --link-hover: #ff8b84;
  --link-underline: rgba(255, 255, 255, 0.34);
  --card-bg: #e5705c;
  --card-surface-top: #efb7ad;
  --card-surface-bottom: #cf5c47;
  --card-border: rgba(225, 6, 0, 0.24);
  --card-shadow: rgba(0, 0, 0, 0.28);
  --card-text: #241110;
  --card-text-heading: #7f1712;
  --card-text-muted: #4e2f2c;
  --hero-accent: #ffffff;
  --hero-shadow: rgba(255, 255, 255, 0.2);
  --hero-glow: rgba(225, 6, 0, 0.34);
  --table-top: #3d4f61;
  --table-bottom: #0f151d;
  --ball-bg: #fff3cb;
  --ball-text: #1a1a1a;
  --focus-ring: rgba(255, 255, 255, 0.56);
}

body {
  background-color: var(--page-bg-end);
}

.menu-toggle,
.menu-item,
.menu-subitem,
button {
  border-color: rgba(255, 255, 255, 0.14);
}

a {
  color: var(--link-color);
}

.view,
.theme-card {
  border-color: rgba(225, 6, 0, 0.16);
}