:root {
  --color-background: #191c1e;
  --color-on-background: #e1e2e4;
  --color-surface: #191c1e;
  --color-on-surface: #e1e2e4;
  --color-on-surface-hover: #e1e2e415;
  --color-on-surface-focus: #e1e2e41f;
  --color-on-surface-disabled: #e1e2e461;
  --color-surface-variant: #40484c;
  --color-on-surface-variant: #c0c8cd;
  --color-on-surface-variant-hover: #c0c8cd15;
  --color-primary: #65d3ff;
  --color-primary-hover: #65d3ff15;
  --color-primary-focus: #65d3ff16;
  --color-on-primary: #003546;
  --color-on-primary-hover: #00354615;
  --color-on-primary-focus: #0035461f;
  --color-secondary-container: #005143;
  --color-on-secondary-container: #7af8db;
  --color-on-secondary-container-hover: #7af8db15;
  --color-on-secondary-container-focus: #7af8db1f;
  --color-outline: #8a9297;
  --color-inverse-surface: #e1e2e4;
  --color-inverse-on-surface: #191c1e;
  --color-inverse-primary: #006683;
  --color-inverse-primary-hover: #00668315;
  --color-inverse-primary-focus: #0066831f;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
}