/* ─── MRE Design Tokens ─── */
:root {
  --white: #ffffff;
  --bg: #ffffff;
  --surface: #f4f6fa;
  --surface-hover: #ebeef5;
  --ink: #0a1628;
  --ink-secondary: #2e3d56;
  --ink-muted: #7b8ba3;
  --ink-faint: #9ca3af;
  --primary: #0a2540;
  --primary-mid: #1a3a5c;
  --primary-light: #2d5f8a;
  --primary-dim: rgba(10, 37, 64, 0.06);
  --primary-ring: rgba(10, 37, 64, 0.12);
  --accent: #3b82f6;
  --accent-dim: rgba(59, 130, 246, 0.08);
  --verified: #059669;
  --verified-bg: #ecfdf5;
  --verified-border: #a7f3d0;
  --verified-glow: rgba(5, 150, 105, 0.12);
  --compromised: #dc2626;
  --compromised-bg: #fef2f2;
  --compromised-border: #fecaca;
  --compromised-glow: rgba(220, 38, 38, 0.12);
  --border: #dfe3ec;
  --border-light: #edf0f7;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow-xs: 0 1px 2px rgba(10, 37, 64, 0.04);
  --shadow-sm: 0 1px 4px rgba(10, 37, 64, 0.06), 0 1px 2px rgba(10, 37, 64, 0.04);
  --shadow-md: 0 4px 16px rgba(10, 37, 64, 0.08), 0 1px 4px rgba(10, 37, 64, 0.04);
  --shadow-lg: 0 8px 32px rgba(10, 37, 64, 0.10), 0 2px 8px rgba(10, 37, 64, 0.04);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--ink);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}