:root {
  --color-page-start: #3e44a9;
  --color-page-mid: #1c2063;
  --color-page-end: #14122e;
  --color-page-mobile-start: #3e44a9;
  --color-page-mobile-mid: #1c2063;
  --color-surface-start: rgba(28, 32, 99, 0.95);
  --color-surface-end: rgba(20, 18, 46, 0.95);
  --color-surface-solid: #1c2063;
  --color-surface-deep: #14122e;
  --color-card-start: #3e44a9;
  --color-card-end: #1c2063;
  --color-control-start: #2b0082;
  --color-control-end: #16003c;
  --color-accent-start: #629eff;
  --color-accent-end: #1374ec;
  --color-action-start: #629eff;
  --color-action-end: #1374ec;
  --color-gold-start: #f7c35c;
  --color-gold-end: #feaa57;
  --color-button-start: #e92a23;
  --color-button-end: #1374ec;
  --color-border: rgba(98, 158, 255, 0.35);
  --color-shadow: rgba(20, 18, 46, 0.4);
  --color-scrollbar: #629eff;
  --color-text: #fff;
  --color-text-muted: #d4e8ff;
  --color-input-bg: rgba(62, 68, 169, 0.45);
  --color-component-tint: rgba(62, 68, 169, 0.32);
  --color-component-tint-soft: rgba(28, 32, 99, 0.28);
  --color-status-start: #1c2063;
  --color-status-end: #14122e;
  --color-content-bg: #1c2063;
  --color-content-text: #fff;
  --color-content-accent: #629eff;
  --color-table-border: rgba(98, 158, 255, 0.3);
  --color-table-body: #3e44a9;
  --color-menu-start: #629eff;
  --color-menu-end: #1374ec;
}