:root {
  --bg: #f4f6f8;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --line: #dde3ea;
  --text: #17212b;
  --muted: #647184;
  --muted-2: #8b98a9;
  --primary: #123047;
  --primary-2: #1f4c6a;
  --accent: #b08a4a;
  --success: #247a52;
  --warning: #b7791f;
  --danger: #b42318;
  --radius: 16px;
  --shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
}
button, input, textarea, select { font: inherit; }
a { color: inherit; text-decoration: none; }