:root {
  --foreground: #ffffff;
  --midforeground: #b2b2b2;
  --midground: #888888;
  --background: #080f24;
  --deepbackground: #060b1b;
  --red: #ea3329;
  --orange: #eb6a2c;
  --yellow: #f29c38;
  --lightyellow: #ffd321;
  --green: #75fb4c;
  --cyan: #00f0ff;
  --blue: #0c8cfe;
  --darkblue: #003b6e;
  --purple: #e532ad;
  --deeppurple: #970056;
  --darkpurple: #2b0c5c;
  --lightpurple: #3d147f;
  --brightpurple: #8400ff;
  --pink: #ff034a;
}

@media screen @supports (color: color(display-p3 1 1 1 / 1)) {
  :root {
    --foreground: color(display-p3 1 1 1 / 1);
    --midforeground: color(display-p3 0.7 0.7 0.7 / 1);
    --midground: color(display-p3 0.53 0.53 0.53 / 1);
    --deepbackground: color(display-p3 0.02 0.04 0.11 / 1);
    --red: color(display-p3 0.92 0.2 0.16 / 1);
    --orange: color(display-p3 0.93 0.42 0.17 / 1);
    --yellow: color(display-p3 0.94 0.6 0.22 / 1);
    --lightyellow: color(display-p3 1 0.83 0.13 / 1);
    --green: color(display-p3 0.46 0.98 0.3 / 1);
    --cyan: color(display-p3 0 0.95 1 / 1);
    --blue: color(display-p3 0.05 0.55 1 / 1);
    --darkblue: color(display-p3 0 0.24 0.43 / 1);
    --purple: color(display-p3 0.85 0.18 0.65 / 1);
    --deeppurple: color(display-p3 0.59 0 0.34 / 1);
    --darkpurple: color(display-p3 0.17 0.05 0.36 / 1);
    --lightpurple: color(display-p3 0.24 0.08 0.5 / 1);
    --brightpurple: color(display-p3 0.47 0 1 / 1);
    --pink: color(display-p3 1 0.012 0.29 / 1);
  }
}