:root {
  --page-bg: #f5f7fb;
  --card-bg: #ffffff;
  --card-border: #dde3ee;
  --card-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-soft: #94a3b8;
  --accent: #6d3df2;
  --accent-strong: #6232e8;
  --accent-soft: #efeaff;
  --danger: #ef4444;
  --danger-soft: #fff1f2;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --sidebar-width: 356px;
  --topbar-height: 52px;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  background: var(--page-bg);
  color: var(--text-main);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

#app {
  min-height: 100vh;
}