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

:root {
  /* Canonical scale (aliases below for legacy --v-* consumers) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

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

  --ease: 0.2s ease;
  --ease-slow: 0.35s ease;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-ui: 160ms var(--ease-out);

  --v-sp-1: var(--sp-1);
  --v-sp-2: var(--sp-2);
  --v-sp-3: var(--sp-3);
  --v-sp-4: var(--sp-4);
  --v-sp-5: var(--sp-5);
  --v-sp-6: var(--sp-6);
  --v-sp-8: var(--sp-8);
  --v-sp-10: var(--sp-10);

  --v-r-xs: var(--r-xs);
  --v-r-sm: var(--r-sm);
  --v-r-md: var(--r-md);
  --v-r-lg: var(--r-lg);
  --v-r-xl: var(--r-xl);
  --v-r-full: var(--r-full);
  --v-r-pill: var(--r-pill);

  --v-ease: var(--ease);
  --v-ease-slow: var(--ease-slow);
  --v-ease-out: var(--ease-out);
  --v-ease-ui: var(--ease-ui);

  --v-type-xs: 11px;
  --v-type-sm: 13px;
  --v-type-md: 15px;
  --v-type-lg: 18px;
  --v-type-xl: 24px;
  --v-type-display: 32px;
  --v-lh-tight: 1.25;
  --v-lh-body: 1.55;

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

  --v-amber: #D4920A;
  --v-red: #DC4F4F;
  --v-green: #0FA87A;
  --v-blue: #4A7FD4;

  --v-shadow-sm: var(--shadow-sm, 0 1px 2px rgba(26, 26, 46, 0.06));
  --v-shadow-md: var(--shadow-md, 0 4px 12px rgba(26, 26, 46, 0.08));
  --v-shadow-lg: var(--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;
  }
}