/* dmarcboard design tokens — shared by site.css (website) and app.css (customer app). See design-system/MASTER.md. */
@font-face { font-family: 'IBM Plex Sans'; src: url('/fonts/plex-sans.woff2') format('woff2'); font-weight: 100 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/fonts/plex-mono-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/fonts/plex-mono-500.woff2') format('woff2'); font-weight: 500 700; font-style: normal; font-display: swap; }
:root {
  --font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --navy-950: #070b1f; --navy-900: #0b1430; --navy-800: #131d42; --navy-700: #1e2a5a;
  --brand: #4338ca; --brand-hover: #3730a3; --brand-50: #eef2ff; --brand-100: #e0e7ff; --brand-300: #a5b4fc;
  --teal: #0d9488; --teal-300: #5eead4; --teal-50: #f0fdfa;
  --pass: #15803d; --pass-bg: #f0fdf4; --pass-bd: #bbf7d0;
  --warn: #b45309; --warn-bg: #fffbeb; --warn-bd: #fde68a;
  --fail: #b91c1c; --fail-bg: #fef2f2; --fail-bd: #fecaca;
  --info: #1d4ed8; --info-bg: #eff6ff; --info-bd: #bfdbfe;
  --neutral: #475569; --neutral-bg: #f1f5f9;
  --chart-pass: #0d9488; --chart-fail: #dc2626; --chart-axis: #94a3b8; --chart-grid: #e2e8f0;
  --bg: #f6f7fb; --card: #ffffff; --border: #e2e6ef; --border-strong: #cbd2e0; --fg: #0b1430; --muted-fg: #4b5567; --subtle-fg: #6b7486;
  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-pill: 999px;
  --sh-sm: 0 1px 2px rgba(11,20,48,.06); --sh: 0 6px 20px rgba(11,20,48,.08); --sh-lg: 0 18px 50px rgba(11,20,48,.16);
  --ease: cubic-bezier(.2,.7,.2,1);
  --focus: 0 0 0 3px rgba(67,56,202,.35);
}