:root {
  --theme-name: "Dark Red";
  --logo-color-filter: unset;
  --bg-dark: #140505;
  --bg-panel: rgba(45, 10, 15, 0.78);
  --page-bg-top: #501b1b;
  --page-bg-bottom: #140505;
  --surface: rgba(45, 10, 15, 0.78);
  --surface-strong: rgba(26, 6, 10, 0.96);
  --surface-soft: rgba(255, 255, 255, 0.06);
  --surface-very-soft: rgba(255, 255, 255, 0.04);
  --surface-hover: rgba(255, 255, 255, 0.09);
  --accent: #ff4e4e;
  --accent-strong: #ff6b6b;
  --accent-soft: rgba(255, 78, 78, 0.25);
  --accent-very-soft: rgba(255, 78, 78, 0.12);
  --accent-contrast: #200707;
  --text-main: #ffeaea;
  --text-soft: #d9a0a0;
  --text-muted: rgba(255, 234, 234, 0.6);
  --text-inverse: #120608;
  --border-strong: rgba(255, 255, 255, 0.2);
  --border-soft: rgba(255, 78, 78, 0.3);
  --shadow-color: rgba(0, 0, 0, 0.65);
  --shadow-soft: rgba(0, 0, 0, 0.35);
  --link: #7598f1;
  --link-hover: #92b0ff;
  --success: #4cff88;
  --warning: #ffaa4c;
  --danger: #ff6b6b;
  --danger-soft: rgba(255, 107, 107, 0.15);
  --white: #ffffff;
  --black: #000000;
  --header-overlay-start: rgba(5, 7, 20, 0.55);
  --header-overlay-end: #ffc3c3d1;
  --hero-title: #3b1111;
  --hero-subtitle: #3b1111;
  --nav-bg: rgba(5, 7, 20, 0.55);
  --footer-bg: rgba(5, 7, 20, 0.9);
  --logo-accent: #ff1313;
  --logo-shadow: #000000;
  --dropdown-bg: rgba(45, 10, 15, 0.95);
  --dropdown-border: rgba(255, 78, 78, 0.3);
  --dropdown-separator: rgba(255, 78, 78, 0.1);
  --dropdown-hover-bg: rgba(255, 78, 78, 0.15);
  --dropdown-hover-text: #ffb5b5;
  --mobile-nav-bg: rgba(5, 7, 20, 0.98);
  --mobile-nav-hover-bg: rgba(23, 30, 84, 0.98);
  --mobile-profile-active-bg: rgb(161 42 56);
  --mobile-profile-active-text: #ffffff;
  --cta-gradient-end: #ff7b7b;
  --discord-gradient-start: #4e6cff;
  --discord-gradient-end: #ff7bc4;
  --discord-text-contrast: #120720;
  --discord-text: #ffffff;
  --discord-shadow: rgba(138, 78, 255, 0.25);
  --header-gloss: rgba(255, 255, 255, 0.35);
  --table-border: rgba(255, 255, 255, 0.06);
  --table-shadow: rgba(0, 0, 0, 0.5);
  --table-head-start: rgba(255, 78, 78, 0.25);
  --table-head-end: rgba(255, 78, 78, 0.15);
  --table-row-odd: rgba(255, 255, 255, 0.03);
  --table-row-even: rgba(0, 0, 0, 0.15);
  --table-row-hover: rgba(255, 78, 78, 0.12);
  --overlay-70: rgba(0, 0, 0, 0.7);
  --overlay-60: rgba(0, 0, 0, 0.6);
  --overlay-55: rgba(0, 0, 0, 0.55);
  --input-surface: rgba(0, 0, 0, 0.3);
  --modal-box-bg: rgba(157, 15, 35, 0.88);
  --card-border: rgba(255, 255, 255, 0.05);
  --card-shadow: rgba(0, 0, 0, 0.45);
  --card-shadow-hover: rgba(0, 0, 0, 0.6);
  --skin-caption-bg: #000000a8;
  --history-item-bg: rgba(0, 0, 0, 0.25);
  --history-item-hover-bg: rgba(0, 0, 0, 0.4);
  --code-input-bg: rgba(0, 0, 0, 0.4);
  --code-input-filled-border: rgba(255, 255, 255, 0.2);
  --button-dark-bg: rgba(0, 0, 0, 0.4);
  --button-dark-hover-bg: rgba(255, 255, 255, 0.1);
  --disabled-bg: gray;
  --radius: 14px;
  --rules-filter: unset;
}

body {
  background: radial-gradient(circle at top, var(--page-bg-top), var(--page-bg-bottom) 60%);
  color: var(--text-main);
}

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

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