:root {
  --color-background: #fbfcfe;
  --color-on-background: #191c1e;
  --color-surface: #fbfcfe;
  --color-on-surface: #191c1e;
  --color-on-surface-hover: #191c1e15;
  --color-on-surface-focus: #191c1e1f;
  --color-on-surface-disabled: #191c1e61;
  --color-surface-variant: #dce4e9;
  --color-on-surface-variant: #40484c;
  --color-on-surface-variant-hover: #40484c15;
  --color-primary: #006683;
  --color-primary-hover: #00668315;
  --color-primary-focus: #0066831f;
  --color-on-primary: #ffffff;
  --color-on-primary-hover: #ffffff15;
  --color-on-primary-focus: #ffffff1f;
  --color-secondary-container: #7af8db;
  --color-on-secondary-container: #00201a;
  --color-on-secondary-container-hover: #00201a15;
  --color-on-secondary-container-focus: #00201a1f;
  --color-outline: #70787d;
  --color-inverse-surface: #2e3132;
  --color-inverse-on-surface: #eff1f3;
  --color-inverse-primary: #65d3ff;
  --color-inverse-primary-hover: #65d3ff15;
  --color-inverse-primary-focus: #65d3ff1f;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
}