:root {
  color-scheme: light dark;
  --bg: #fcfcfd;
  --card: #fff;
  --subtle: #f3f4f6;
  --hover: #e9ebef;
  --text: #171923;
  --muted: #555962;
  --line: #dedfe4;
  --primary: #171a68;
  --button-bg: #161976;
  --button-text: #fff;
  --button-hover: #262b90;
  --error: #aa3026;
  --success: #21693e;
  background: var(--bg);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #191a1d;
    --card: #242529;
    --subtle: #202125;
    --hover: #303239;
    --text: #f1f1ed;
    --muted: #b6b9c1;
    --line: #393b42;
    --primary: #b4baff;
    --button-bg: #b4baff;
    --button-text: #171933;
    --button-hover: #c9cdff;
    --error: #ffaba1;
    --success: #97d9ac;
  }
}