/* ===============================
   DESIGN TOKENS
================================ */
:root {
  --bg-app: #f6f7f9;
  --bg-sidebar: #ffffff;
  --bg-card: #ffffff;

  --text-primary: #1f2933;
  --text-secondary: #6b7280;

  --accent: #4f6ef7;

  --radius: 12px;
  --shadow-soft: 0 6px 18px rgba(0,0,0,0.06);
}

/* ===============================
   RESET
================================ */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, sans-serif;
}

body {
  background: var(--bg-app);
  color: var(--text-primary);
  height: 100vh;
}