:root {
  --color-page-start: #7e0b1f;
  --color-page-mid: #680613;
  --color-page-end: #4a0011;
  --color-page-mobile-start: #7e0b1f;
  --color-page-mobile-mid: #680613;
  --color-surface-start: rgba(104, 6, 19, 0.95);
  --color-surface-end: rgba(74, 0, 17, 0.95);
  --color-surface-solid: #680613;
  --color-surface-deep: #4a0011;
  --color-card-start: #7e0b1f;
  --color-card-end: #680613;
  --color-control-start: #680613;
  --color-control-end: #4a0011;
  --color-accent-start: #ff725c;
  --color-accent-end: #e21738;
  --color-action-start: #fb5568;
  --color-action-end: #e21738;
  --color-gold-start: #fce57d;
  --color-gold-end: #fbaa4d;
  --color-button-start: #ff725c;
  --color-button-end: #e21738;
  --color-border: rgba(251, 85, 104, 0.3);
  --color-shadow: rgba(74, 0, 17, 0.35);
  --color-scrollbar: #fb5568;
  --color-text: #fff;
  --color-text-muted: #cbb3aa;
  --color-input-bg: rgba(126, 11, 31, 0.45);
  --color-component-tint: rgba(126, 11, 31, 0.32);
  --color-component-tint-soft: rgba(104, 6, 19, 0.28);
  --color-status-start: #680613;
  --color-status-end: #4a0011;
  --color-content-bg: #680613;
  --color-content-text: #fff;
  --color-content-accent: #fb5568;
  --color-table-border: rgba(251, 85, 104, 0.3);
  --color-table-body: #7e0b1f;
  --color-menu-start: #fb5568;
  --color-menu-end: #e21738;
}