:root {
  color-scheme: light;
  --bg: #e6eef2;
  --card: #f9fcfd;
  --text: #173747;
  --accent: #2d718e;
  --accent-text: #fff;
  --soft: #cbdde6;
  --line: #1737473b;
  --radius: 10px;
  --shadow: 7px 7px 0 #2d718e;
}
:root.dark {
  color-scheme: dark;
  --bg: #17262e;
  --card: #203640;
  --text: #f3f7f8;
  --accent: #63a8c4;
  --accent-text: #10232d;
  --soft: #2e4a56;
  --line: #fff3;
  --shadow: 7px 7px 0 #63a8c4;
}