/* Mercura Scout brand — shared palette, fonts, logo. Matches the marketing site
   (mercurascout.com): Brand #5547E5 · Ink #14123A · Surface #F5F4FD · Tint
   #E0DDFA · Signal #FF9F1C (use sparingly for "new"/urgent).
   Headings: Plus Jakarta Sans. Body/UI: Inter. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --c-brand: #5547E5;
  --c-brand-700: #4438c4;   /* hover / pressed */
  --c-ink: #14123A;
  --c-surface: #F5F4FD;
  --c-tint: #E0DDFA;
  --c-signal: #FF9F1C;
  --c-card: #ffffff;
  --c-line: #e7e5f3;
  --c-muted: #6b6b80;
  --c-error: #b91c1c;
  --c-shadow: 0 1px 2px rgba(20,18,58,0.05), 0 1px 3px rgba(20,18,58,0.07);
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-head: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Logo mark — the source PNG already includes the rounded purple tile. */
.brand-logo { width: 34px; height: 34px; border-radius: 9px; display: inline-block; vertical-align: middle; }
.brand-logo.lg { width: 56px; height: 56px; border-radius: 13px; }