:root {
  --vt-ink: #101D40;
  --vt-primary: #1F64E9;
  --vt-primary-hover: #164FC4;
  --vt-success: #0B746F;
  --vt-mint: #E8FAF5;
  --vt-blue-soft: #EAF3FF;
  --vt-text-muted: #53647A;
  --vt-canvas: #F7FBFF;
  --vt-surface: #FFFFFF;
  --vt-border: #DDE7F6;
  --vt-danger: #B42318;
  --vt-radius-sm: 10px;
  --vt-radius-card: 20px;
  --vt-shadow-card: 0 16px 42px rgba(16, 29, 64, .08);
  --vt-font-heading: "Outfit", system-ui, sans-serif;
  --vt-font-body: "Inter", system-ui, sans-serif;
}
.vt-app { color: var(--vt-ink); background: var(--vt-canvas); font-family: var(--vt-font-body); }
.vt-app h1, .vt-app h2, .vt-app h3 { font-family: var(--vt-font-heading); }
.vt-card { background: var(--vt-surface); border: 1px solid var(--vt-border); border-radius: var(--vt-radius-card); box-shadow: var(--vt-shadow-card); }
.vt-button-primary { background: var(--vt-primary); color: #fff; border: 2px solid var(--vt-primary); border-radius: 12px; font-weight: 700; min-height: 48px; padding: .75rem 1.25rem; }
.vt-button-primary:hover { background: var(--vt-primary-hover); border-color: var(--vt-primary-hover); }
.vt-app :is(a, button, input, textarea, select):focus-visible { outline: 3px solid var(--vt-primary); outline-offset: 3px; }
.vt-badge-success { color: #fff; background: var(--vt-success); }
.vt-badge-accent { color: var(--vt-ink); background: var(--vt-mint); }
@media (prefers-reduced-motion: reduce) { .vt-app * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }