/* Sharkly 设计变量。颜色、字号、圆角以 PRD 第 17 节为准。 */
:root {
  --navy: #061a3a;
  --ocean: #146cff;
  --teal: #00cfa8;
  --teal-press: #00aa8b;
  --lime: #b8f34a;
  --coral: #ff5b5f;
  --up: #00a878;
  --down: #f0445e;
  --warning: #ffad1f;
  --bg: #f7fbff;
  --bg-muted: #eaf3ff;
  --line: #dce8f7;
  --text: #071a38;
  --text-secondary: #5f708a;
  --card: #ffffff;
  --shadow: 0 16px 50px rgba(20, 108, 255, 0.12);
  --radius-card: 20px;
  --radius-button: 16px;
  --radius-sheet: 24px;
  --space: 20px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif;
  --ease: 250ms ease-out;
  --display: 44px;
  --title: 22px;
  --headline: 17px;
  --body: 15px;
  --caption: 13px;
  /* 页面固定浅色：系统深色模式下，输入框、下拉框、滚动条也保持浅色，不出现黑底控件 */
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #f7fbff;
    --bg-muted: #eaf3ff;
    --card: #ffffff;
    --text: #071a38;
    --text-secondary: #5f708a;
    --line: #dce8f7;
    --shadow: 0 16px 50px rgba(20, 108, 255, 0.12);
  }
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  font-size: var(--body);
  color: var(--text);
  background: var(--bg);
  font-variant-numeric: tabular-nums;
}