:root,
[data-theme-mode="dark"] {
  --weppa-color-primary: #0693e3;
  --weppa-color-primary-rgb: 6, 147, 227;
  --weppa-color-primary-dark: #003388;
  --weppa-color-sky: #8ed1fc;
  --weppa-color-muted: #a5b7d2;
  --weppa-color-orange: #fe4c1c;
  --weppa-color-success: #72e7b8;
  --weppa-color-danger: #ff6b6b;
  --weppa-color-bg: #06111d;
  --weppa-color-bg-deep: #040c16;
  --weppa-color-panel: rgba(8, 28, 45, 0.58);
  --weppa-color-panel-strong: rgba(11, 34, 54, 0.82);
  --weppa-color-border: rgba(165, 183, 210, 0.13);
  --weppa-color-text: #eef7ff;
  --weppa-font-family: "Rajdhani", sans-serif;
  --weppa-space-1: 0.25rem;
  --weppa-space-2: 0.5rem;
  --weppa-space-3: 0.75rem;
  --weppa-space-4: 1rem;
  --weppa-space-5: 1.25rem;
  --weppa-space-6: 1.5rem;
  --weppa-card-min-height: calc(100% - 1.5rem);
  --weppa-card-header-height: 3.35rem;
  --weppa-card-corner-size: 1.05rem;
  --weppa-chart-sm-height: 11.25rem;
  --weppa-chart-md-height: 20rem;
  --weppa-chart-lg-height: 23.5rem;
  --weppa-bg-pattern: linear-gradient(135deg, rgba(142, 209, 252, 0.04) 25%, transparent 25%, transparent 50%, rgba(142, 209, 252, 0.04) 50%, rgba(142, 209, 252, 0.04) 75%, transparent 75%, transparent);

  --primary-rgb: var(--weppa-color-primary-rgb);
  --body-bg-rgb: 6, 17, 29;
  --body-bg-rgb2: 4, 12, 22;
  --menu-bg: rgb(6, 17, 29);
  --header-bg: rgb(6, 17, 29);
  --custom-white: var(--weppa-color-bg);
  --default-background: var(--weppa-color-panel);
  --default-border: var(--weppa-color-border);
  --default-text-color-rgb: 238, 247, 255;
  --card-bg: 8, 28, 45;
  --bg-pattern: var(--weppa-bg-pattern);
}

.bg-weppa-orange-transparent {
  color: #ffc79a;
  background-color: rgba(254, 76, 28, 0.1);
}

.text-weppa-sky {
  color: var(--weppa-color-sky);
}