:root {
  --mt-bg: #07090e;
  --mt-bg-2: #0b0d12;
  --mt-bg-3: #10141d;
  --mt-surface: rgba(18, 24, 36, 0.72);
  --mt-surface-2: rgba(24, 32, 48, 0.82);
  --mt-border: rgba(255, 255, 255, 0.10);
  --mt-border-strong: rgba(255, 180, 80, 0.28);
  --mt-text: #f4f6fb;
  --mt-text-2: rgba(244, 246, 251, 0.72);
  --mt-text-3: rgba(244, 246, 251, 0.48);
  --mt-orange: #ff7a18;
  --mt-orange-2: #ff9a3d;
  --mt-gold: #e4b44c;
  --mt-steel: #8ea0b8;
  --mt-khaki: #8a8f55;
  --mt-neon: #39ff88;
  --mt-blue: #1a2740;
  --mt-danger: #ff5a5a;
  --mt-radius: 14px;
  --mt-radius-sm: 10px;
  --mt-radius-lg: 22px;
  --mt-shadow: 0 10px 40px rgba(0,0,0,.45);
  --mt-glow: 0 0 0 1px rgba(255,122,24,.25), 0 0 28px rgba(255,122,24,.18);
  --mt-container: 1240px;
  --mt-header-h: 72px;
  --mt-font: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --mt-display: Orbitron, Inter, system-ui, sans-serif;
  --mt-ease: cubic-bezier(.22,.61,.36,1);
}

html[data-theme="light"] {
  --mt-bg: #eef1f6;
  --mt-bg-2: #f7f8fb;
  --mt-bg-3: #ffffff;
  --mt-surface: rgba(255,255,255,.78);
  --mt-surface-2: rgba(255,255,255,.92);
  --mt-border: rgba(15, 23, 42, 0.10);
  --mt-text: #10141d;
  --mt-text-2: rgba(16,20,29,.72);
  --mt-text-3: rgba(16,20,29,.48);
  --mt-shadow: 0 10px 30px rgba(16,20,29,.08);
}