:root {
  --vp-color-primary: #4a8c60;
  --vp-color-secondary: #b0d4bc;
  --vp-color-accent: #357a52;
  --vp-color-surface: #f5f9f5;
  --vp-color-text: #1a2c22;
}

* {
  box-sizing: border-box;
}

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

body {
  background: var(--vp-color-surface);
  color: var(--vp-color-text);
  font-family: "Noto Sans", "Segoe UI", sans-serif;
}

.vp-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, var(--vp-color-primary), var(--vp-color-accent));
  color: #fff;
}

.vp-logo {
  width: 44px;
  height: 44px;
  object-fit: contain;
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.25rem;
}

.vp-main {
  padding: 1.25rem;
}