/* VINAR Ecosystem — core tokens (spacing, radius, motion, semantic status) */

:root {
  --v-sp-1: 4px;
  --v-sp-2: 8px;
  --v-sp-3: 12px;
  --v-sp-4: 16px;
  --v-sp-5: 20px;
  --v-sp-6: 24px;
  --v-sp-8: 32px;
  --v-sp-10: 40px;

  --v-r-xs: 6px;
  --v-r-sm: 10px;
  --v-r-md: 16px;
  --v-r-lg: 20px;
  --v-r-xl: 28px;
  --v-r-full: 9999px;
  --v-r-pill: 9999px;

  --v-ease: 0.2s ease;
  --v-ease-slow: 0.35s ease;

  --v-nav-h: 64px;
  --v-topbar-h: 56px;
  --v-nav-safe: max(8px, env(safe-area-inset-bottom));

  --v-amber: #F59E0B;
  --v-red: #EF4444;
  --v-green: #10B981;
  --v-blue: #3B82F6;

  --v-shadow-sm: 0 1px 2px rgba(26, 26, 46, 0.06);
  --v-shadow-md: 0 4px 12px rgba(26, 26, 46, 0.08);
  --v-shadow-lg: 0 8px 24px rgba(26, 26, 46, 0.10);
}

[data-theme="dark"] {
  --v-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --v-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.40);
  --v-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}