:root{
  color-scheme:dark;
  /* Canvas and surfaces */
  --vos-bg-primary:#020711;
  --vos-bg-secondary:#050b16;
  --vos-surface-1:#08111f;
  --vos-surface-2:#0b1626;
  --vos-surface-3:#101d31;
  --vos-surface-hover:#13223a;
  --vos-overlay:rgba(2,7,17,.82);

  /* Borders and dividers */
  --vos-border-subtle:#132038;
  --vos-border-default:#1b2a43;
  --vos-border-strong:#2a3a59;
  --vos-divider:rgba(154,170,199,.13);

  /* Text */
  --vos-text-primary:#f7f9ff;
  --vos-text-secondary:#c9d2e3;
  --vos-text-muted:#8f9bb1;
  --vos-text-disabled:#657087;
  --vos-text-inverse:#020711;

  /* Brand and accents */
  --vos-purple-400:#a56dff;
  --vos-purple-500:#8b36ed;
  --vos-purple-600:#7226cf;
  --vos-blue-400:#6f7cff;
  --vos-blue-500:#4f6bff;
  --vos-blue-600:#3652e8;
  --vos-cyan-400:#47c7ff;
  --vos-gradient-brand:linear-gradient(135deg,#4f6bff 0%,#7650f5 48%,#8b36ed 100%);
  --vos-gradient-panel:linear-gradient(145deg,rgba(14,25,43,.98),rgba(7,14,26,.98));
  --vos-gradient-canvas:radial-gradient(circle at 50% -14%,rgba(79,107,255,.18),transparent 34%),radial-gradient(circle at 100% 0%,rgba(139,54,237,.11),transparent 28%),#020711;

  /* Semantic states */
  --vos-success:#2be29b;
  --vos-success-bg:#071b18;
  --vos-success-border:#14372d;
  --vos-warning:#f6a72f;
  --vos-warning-bg:#2a1d09;
  --vos-warning-border:#6b4918;
  --vos-error:#ff536c;
  --vos-error-bg:#2a0d14;
  --vos-error-border:#6d2230;
  --vos-info:#47c7ff;
  --vos-info-bg:#071a27;
  --vos-info-border:#17415a;

  /* Typography */
  --vos-font-sans:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --vos-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --vos-weight-regular:400;
  --vos-weight-medium:500;
  --vos-weight-semibold:600;
  --vos-weight-bold:700;
  --vos-weight-extrabold:800;
  --vos-text-xs:.6875rem;
  --vos-text-sm:.8125rem;
  --vos-text-md:.9375rem;
  --vos-text-lg:1.125rem;
  --vos-text-xl:1.375rem;
  --vos-text-2xl:1.75rem;
  --vos-text-3xl:2.25rem;
  --vos-leading-tight:1.15;
  --vos-leading-normal:1.5;
  --vos-leading-relaxed:1.65;
  --vos-tracking-tight:-.025em;
  --vos-tracking-wide:.12em;

  /* Spacing */
  --vos-space-0:0;
  --vos-space-1:.25rem;
  --vos-space-2:.5rem;
  --vos-space-3:.75rem;
  --vos-space-4:1rem;
  --vos-space-5:1.25rem;
  --vos-space-6:1.5rem;
  --vos-space-8:2rem;
  --vos-space-10:2.5rem;
  --vos-space-12:3rem;
  --vos-space-16:4rem;
  --vos-space-20:5rem;

  /* Radius */
  --vos-radius-xs:4px;
  --vos-radius-sm:7px;
  --vos-radius-md:11px;
  --vos-radius-lg:16px;
  --vos-radius-xl:24px;
  --vos-radius-pill:999px;

  /* Shadow and glow */
  --vos-shadow-sm:0 6px 18px rgba(0,0,0,.22);
  --vos-shadow-md:0 15px 38px rgba(0,0,0,.28);
  --vos-shadow-lg:0 28px 80px rgba(0,0,0,.38);
  --vos-glow-blue:0 0 28px rgba(79,107,255,.28);
  --vos-glow-purple:0 0 32px rgba(139,54,237,.24);
  --vos-focus-ring:0 0 0 3px rgba(111,124,255,.28);

  /* Motion */
  --vos-duration-fast:120ms;
  --vos-duration-normal:180ms;
  --vos-duration-slow:280ms;
  --vos-ease-standard:cubic-bezier(.2,.8,.2,1);
  --vos-ease-emphasized:cubic-bezier(.16,1,.3,1);
  --vos-transition-interactive:color var(--vos-duration-fast) var(--vos-ease-standard),background-color var(--vos-duration-fast) var(--vos-ease-standard),border-color var(--vos-duration-fast) var(--vos-ease-standard),transform var(--vos-duration-fast) var(--vos-ease-standard),box-shadow var(--vos-duration-fast) var(--vos-ease-standard);

  /* Responsive breakpoints (reference values for JS and documentation) */
  --vos-breakpoint-mobile:480px;
  --vos-breakpoint-tablet:768px;
  --vos-breakpoint-laptop:1180px;
  --vos-breakpoint-desktop:1440px;

  /* Compatibility aliases for the current runtime */
  --bg:var(--vos-bg-primary);
  --panel:var(--vos-surface-1);
  --panel2:var(--vos-surface-2);
  --line:var(--vos-border-default);
  --line2:var(--vos-border-subtle);
  --text:var(--vos-text-primary);
  --muted:var(--vos-text-muted);
  --accent:var(--vos-blue-500);
  --accent2:var(--vos-purple-500);
  --good:var(--vos-success);
  --warn:var(--vos-warning);
  --bad:var(--vos-error);
  --shadow:var(--vos-shadow-md);
}

@media (prefers-reduced-motion:reduce){
  :root{--vos-duration-fast:1ms;--vos-duration-normal:1ms;--vos-duration-slow:1ms}
}