/* v8.0.0 (2026-05-16) - self-contained font stack.
   No third-party font request is made from the theme CSS; the UI uses local
   Inter/JetBrains Mono when available and polished system fallbacks otherwise. */

:root {
  /* v6.2.0 motion tokens — Expo.out for premium SaaS feel.
     mk-ease-expo is the project's default; mk-ease-out / mk-ease-in stay
     for cases where directional timing matters. mk-press-scale standardises
     the press-state scale across all interactive cards/buttons. */
  --mk-ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --mk-ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --mk-ease-in:   cubic-bezier(0.55, 0, 0.68, 0.06);
  --mk-press-scale: 0.97;

  --mk-bg-950: #02030a;
  --mk-bg-900: #050716;
  --mk-bg-850: #070a18;
  --mk-bg-800: #0b1020;
  --mk-bg-750: #10162a;

  --mk-glass: rgba(255, 255, 255, 0.055);
  --mk-glass-strong: rgba(255, 255, 255, 0.09);
  --mk-glass-soft: rgba(255, 255, 255, 0.035);

  --mk-border: rgba(255, 255, 255, 0.12);
  --mk-border-soft: rgba(255, 255, 255, 0.07);
  --mk-border-bright: rgba(255, 255, 255, 0.22);

  --mk-text: #f8fafc;
  --mk-text-soft: #cbd5e1;
  --mk-text-muted: #94a3b8;
  --mk-text-faint: #64748b;

  --mk-purple: #a855f7;
  --mk-violet: #8b5cf6;
  --mk-cyan: #00e5ff;
  --mk-blue: #3b82f6;
  --mk-green: #14f195;
  --mk-amber: #f59e0b;
  --mk-red: #ef4444;

  --mk-profit: #14f195;
  --mk-loss: #ff4d6d;
  --mk-risk: #f59e0b;
  --mk-neutral: #94a3b8;

  --mk-gradient-primary: linear-gradient(135deg, #a855f7 0%, #3b82f6 45%, #00e5ff 100%);
  --mk-gradient-trading: linear-gradient(135deg, #00e5ff 0%, #14f195 100%);
  --mk-gradient-premium: linear-gradient(135deg, #8b5cf6 0%, #00e5ff 50%, #14f195 100%);
  --mk-gradient-danger: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
  --mk-gradient-dark: radial-gradient(circle at top left, rgba(168, 85, 247, .24), transparent 34%),
                      radial-gradient(circle at top right, rgba(0, 229, 255, .18), transparent 35%),
                      radial-gradient(circle at bottom, rgba(20, 241, 149, .10), transparent 42%),
                      #050716;

  --mk-shadow-card: 0 24px 80px rgba(0, 0, 0, 0.38);
  --mk-shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.28);
  --mk-shadow-purple: 0 0 55px rgba(168, 85, 247, 0.26);
  --mk-shadow-cyan: 0 0 55px rgba(0, 229, 255, 0.20);
  --mk-shadow-green: 0 0 55px rgba(20, 241, 149, 0.18);

  --mk-radius-sm: 10px;
  --mk-radius-md: 16px;
  --mk-radius-lg: 24px;
  --mk-radius-xl: 32px;
  --mk-radius-pill: 999px;

  --mk-container: 1180px;
  --mk-container-wide: 1320px;
  --mk-section-y: clamp(72px, 8vw, 128px);
  --mk-header-h: 76px;

  --mk-font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mk-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mk-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}