* { box-sizing: border-box; }

:root {
  color-scheme: dark;
  --color-bg: #050807;
  --color-surface-rgb: 14 30 27;
  --color-text: #f6fffb;
  --color-muted: #9db7b0;
  --color-subtle: #7f9690;
  --color-mint: #3ee6bd;
  --color-cyan: #4dd9ff;
  --color-positive: #62ef9d;
  --color-danger: #ff667d;
  --radius-card: 24px;
  --radius-control: 16px;
  --radius-dock: 25px;
  --target-min: 44px;
  --app-width: clamp(430px, calc((100dvh - 20px) * .62), 680px);
  --shadow-card: 0 20px 70px rgb(0 0 0 / .24);
  --font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif;
}