:root {
  --color-bg: #f7f6f2;
  --color-surface: #ffffff;
  --color-text: #1d2328;
  --color-muted: #5b6670;
  --color-border: #d9dcd6;
  --color-primary: #0b6e69;
  --color-on-primary: #ffffff;
  --color-danger: #a4262c;
  --color-notice-bg: #fff4d6;
  --color-notice-text: #5c4300;
  --radius: 10px;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
  --color-bg: #12171b;
  --color-surface: #1b2227;
  --color-text: #e8ecee;
  --color-muted: #a3afb8;
  --color-border: #2d373e;
  --color-primary: #3fb9b1;
  --color-on-primary: #082725;
  --color-danger: #ff8a8f;
  --color-notice-bg: #3a2f10;
  --color-notice-text: #ffe2a1;
  }
}