/* FILE: public_html/WebVR_MktechLLC/app/ui/css/tokens.css */
/* Design tokens */

:root {
  --bg-0: #0e0f13;
  --bg-1: #161a22;
  --text-0: #eef1f8;
  --text-1: #aeb6c8;
  --accent: #5da9ff;
  --danger: #ff6b81;

  --rail-w: 280px;
  --rail-w-max: 400px;
  --rail-left-w: var(--rail-w);
  --rail-right-w: var(--rail-w);

  --toolbar-h: 56px;
  --radius: 14px;

  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-6: 24px;

  --z-canvas: 0;
  --z-rails: 10;
  --z-overlay: 12;
  --z-diagnostics: 9999;

  --ease: cubic-bezier(.2,.7,.2,1);
  --duration-quick: 180ms;
  --duration-slow: 240ms;

  --shadow-1: 0 10px 30px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.03) inset;

  --bottom-snap: 56px; /* JS updates to third/half/max px */
}

@media (max-width: 768px) {
  :root {
    --rail-w: 92vw;
    --toolbar-h: 64px;
  }
}