/* Shared design tokens — login + future MSP screens */
:root {
  --msp-bg: #0c0e12;
  --msp-bg-elevated: #13161c;
  --msp-surface: #1a1e26;
  --msp-surface-hover: #222830;
  --msp-border: rgba(255, 255, 255, 0.08);
  --msp-border-strong: rgba(255, 255, 255, 0.12);
  --msp-text: #f0f2f5;
  --msp-text-secondary: #9aa3b2;
  --msp-text-muted: #6b7585;
  --msp-accent: #5b8def;
  --msp-accent-hover: #7aa3f5;
  --msp-accent-soft: rgba(91, 141, 239, 0.14);
  --msp-accent-glow: rgba(91, 141, 239, 0.35);
  --msp-ok: #3ecf8e;
  --msp-err: #f07178;
  --msp-err-soft: rgba(240, 113, 120, 0.12);
  --msp-font: "DM Sans", system-ui, sans-serif;
  --msp-mono: "JetBrains Mono", ui-monospace, monospace;
  --msp-radius: 12px;
  --msp-radius-sm: 8px;
  --msp-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px var(--msp-border);
}