:root {
    --primary: rgba(8, 8, 14, 0.95);
  --secondary: rgba(30, 31, 37, 0.5);
  --secondary-hover: linear-gradient(0deg, rgba(106, 106, 107, 0.15) 0%, rgba(106, 106, 107, 0.15) 100%), radial-gradient(50% 50% at 50% 50%, rgba(106, 106, 107, 0.00) 0%, rgba(106, 106, 107, 0.21) 100%);
  --border: rgba(255, 255, 255, 0.1);
  --accent: rgba(224, 224, 224, 0.7);
  --accent-foreground: rgb(224, 224, 224);
  --accent-10: rgba(122, 173, 255, 0.1);
  --accent-50: rgba(224, 224, 224, 0.5);
  --accent-05: rgba(122, 173, 255, 0.05);

  --header-color: rgba(224, 224, 224, 1);
  --header-glow: 10px;

  --text-dark: rgb(29, 30, 49);

  --danger: #F45B69;
  --danger-foreground: #FFFFFF;

  --wheel-bg-start: rgba(30, 32, 52, 0.96);
  --wheel-bg-end: rgba(14, 14, 24, 0.98);
  --wheel-center-start: rgba(24, 25, 42, 0.98);
  --wheel-center-end: rgba(12, 12, 20, 0.99);
  --wheel-segment: rgba(22, 23, 40, 0.7);
  --wheel-segment-empty: rgba(20, 20, 36, 0.4);
  --wheel-segment-hover: rgba(224, 224, 224, 0.14);
  --wheel-glow: rgba(224, 224, 224, 0.06);
  --wheel-center-border: rgba(224, 224, 224, 0.1);
}
:root.solid-primary-mode {
  --primary: rgb(32, 32, 37);
}