:root {
  --medkd-primary: #116a88;
  --medkd-primary-strong: #0d536c;
  --medkd-surface: #ffffff;
  --medkd-surface-soft: #f7f8fa;
  --medkd-text: #17272e;
  --medkd-muted: #66777f;
  --medkd-border: #d9e4e7;
  --medkd-shadow: 0 16px 40px rgb(25 57 68 / 11%);
}

:root[data-theme="dark"] {
  --medkd-primary: #5cc7e7;
  --medkd-primary-strong: #8bdef3;
  --medkd-surface: #132127;
  --medkd-surface-soft: #1b2d34;
  --medkd-text: #e8f1f3;
  --medkd-muted: #adbdc2;
  --medkd-border: #31474f;
  --medkd-shadow: 0 16px 40px rgb(0 0 0 / 24%);
}

* { box-sizing: border-box; }

body {
  min-width: 320px;
  margin: 0;
  color: var(--medkd-text);
  background: var(--medkd-surface-soft);
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}

.btn-primary {
  --bs-btn-bg: var(--medkd-primary);
  --bs-btn-border-color: var(--medkd-primary);
  --bs-btn-hover-bg: var(--medkd-primary-strong);
  --bs-btn-hover-border-color: var(--medkd-primary-strong);
}

.toast-region {
  position: fixed;
  z-index: 1100;
  right: 1rem;
  bottom: 1rem;
  display: grid;
  gap: .5rem;
  max-width: min(24rem, calc(100vw - 2rem));
}

.app-toast {
  padding: .8rem 1rem;
  color: #fff;
  border-radius: .75rem;
  background: #2d4e59;
  box-shadow: var(--medkd-shadow);
}

.app-toast-error { background: #ad3e3e; }