:vars {
  --foreground: #dde4e3;
  --background: #0e1415;
  --cursor: #dde4e3;
  --primary: #80d4d7;
  --primary-container: #004f51;
  --on-primary: #003738;
  --on-primary-container: #9cf1f3;
  --secondary: #b0cccc;
  --on-secondary: #1b3435;
  --secondary-container: #324b4c;
  --tertiary: #b4c7e9;
  --tertiary-container: #354863;
  --on-tertiary: #1e314c;
  --on-tertiary-container: #d4e3ff;
  --surface: #0e1415;
  --surface-container: #1a2121;
  --surface-bright: #343a3a;
  --surface-variant: #3f4949;
  --surface-container-low: #161d1d;
  --on-surface: #dde4e3;
  --error: #ffb4ab;
  --error-dim: #ff8678;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffdad6;
  --outline: #899393;
  --outline-variant: #3f4949;
  --shadow: #000000;
  --red: #ffb595;
  --red-dim: #ff9162;
  --green: #95d5a7;
  --green-dim: #70c789;
  --yellow: #b8cf84;
  --yellow-dim: #a3c15f;
  --blue: #afc6ff;
  --blue-dim: #7ca2ff;
  --magenta: #e4b7f3;
  --magenta-dim: #d48bec;
  --cyan: #80d4d5;
  --cyan-dim: #5ac7c8;
  --white: #82d3e0;

}