:root {
  --color-primary: #20a53a;
  --color-primary-hover: #1a9232;
  --color-primary-active: #168a2e;
  --color-primary-light: #eef9f0;
  --color-bg-page: #f2f3f5;
  --color-bg-card: #ffffff;
  --color-bg-sidebar: #ffffff;
  --color-sidebar-hover: #f5f7fa;
  --color-sidebar-active-bg: #eef9f0;
  --color-bg-bar: #fafafa;
  --color-border: #e4e7ed;
  --color-border-light: #f0f0f0;
  --color-text-primary: #1f2329;
  --color-text-secondary: #646a73;
  --color-text-placeholder: #8f959e;
  --color-success: #20a53a;
  --color-warning: #e6a23c;
  --color-error: #f56c6c;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

body {
  font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  background: var(--color-bg-page);
  color: var(--color-text-primary);
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}