/* MV Studio design tokens - v6 neutral production shell */
:root {
  color-scheme: dark;

  /* Surfaces */
  --bg-base:        #0c0f10;
  --bg-surface:     #15191a;
  --bg-overlay:     #1d2324;
  --bg-elevated:    #262d2e;
  --bg-glass:       rgba(20, 24, 25, .84);

  /* Accents */
  --accent-primary:    #48e6c7;
  --accent-primary-2:  #8ff4e2;
  --accent-primary-3:  #1fa991;
  --accent-cyan:       #7db7ff;
  --accent-cyan-2:     #a3d0ff;
  --accent-gold:       #f0b85a;
  --accent-coral:      #ff7d90;

  /* Text */
  --text-primary:    #f3f7f5;
  --text-secondary:  #bec9c6;
  --text-tertiary:   #87928f;
  --text-disabled:   #555f5d;
  --text-on-accent:  #06100e;

  /* Borders */
  --border-subtle:    rgba(255, 255, 255, .115);
  --border-emphasis:  rgba(72, 230, 199, .34);
  --border-strong:    rgba(72, 230, 199, .52);
  --border-glow-cyan: rgba(125, 183, 255, .30);

  /* Semantic */
  --success: #62d49c;
  --success-soft: rgba(98, 212, 156, .13);
  --warning: #f0b85a;
  --warning-soft: rgba(240, 184, 90, .14);
  --danger:  #ff7d90;
  --danger-soft: rgba(255, 125, 144, .13);
  --info:    #7db7ff;
  --info-soft: rgba(125, 183, 255, .14);

  /* Shadows */
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, .42);
  --shadow-card:  0 1px 1px rgba(255, 255, 255, .035) inset, 0 18px 38px rgba(0, 0, 0, .34);
  --shadow-card-hover: 0 1px 1px rgba(255, 255, 255, .055) inset, 0 24px 54px rgba(0, 0, 0, .46);
  --shadow-glow:        0 0 0 1px rgba(72, 230, 199, .12), 0 18px 42px rgba(0, 0, 0, .34);
  --shadow-glow-strong: 0 0 0 1px rgba(72, 230, 199, .20), 0 26px 58px rgba(0, 0, 0, .50);
  --shadow-glow-cyan:   0 0 0 1px rgba(125, 183, 255, .14), 0 18px 42px rgba(0, 0, 0, .34);

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #48e6c7 0%, #7db7ff 52%, #f0b85a 100%);
  --grad-primary-soft: linear-gradient(135deg, rgba(72, 230, 199, .14) 0%, rgba(255, 125, 144, .08) 100%);
  --grad-card:    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018));
  --grad-bg-radial: radial-gradient(circle at 18% -10%, rgba(72, 230, 199, .11), transparent 38%),
                    radial-gradient(circle at 92% 4%, rgba(255, 125, 144, .08), transparent 34%),
                    linear-gradient(180deg, #101415 0%, #0a0d0e 100%);

  /* Fonts */
  --font-display: 'Orbitron', 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Consolas, 'Source Code Pro', monospace;

  /* Spacing */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 20px;  --space-6: 24px;  --space-8: 32px;  --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px;

  /* Radius */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-pill: 9999px;

  /* Motion */
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-in:     cubic-bezier(.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast:    120ms;
  --dur-base:    200ms;
  --dur-slow:    320ms;
  --dur-slower:  480ms;

  /* Layers */
  --z-base: 0; --z-sticky: 10; --z-overlay: 100; --z-drawer: 500; --z-modal: 1000; --z-popover: 1500; --z-toast: 9999;

  /* Breakpoints */
  --bp-sm: 640px; --bp-md: 960px; --bp-lg: 1280px; --bp-xl: 1600px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms; --dur-base: 1ms; --dur-slow: 1ms; --dur-slower: 1ms;
  }
}