/* Movescrow shared UI tokens for the Selection Program (member) + Admin surfaces.
   Additive and self-contained: this file does NOT modify the live style.css. Pages that
   use these tokens link this file directly. Onest stays the only functional UI font. */
:root {
  /* Calm surfaces + ink (operations palette) */
  --mv-page: #F6F8FB;
  --mv-surface: #FFFFFF;
  --mv-surface-2: #F2F4F7;
  --mv-surface-3: #ECEFF4;
  --mv-ink: #101828;
  --mv-ink-2: #667085;
  --mv-ink-3: #98A2B3;
  --mv-line: #E4E7EC;
  --mv-line-2: #EAECF0;

  /* Brand (restated so this file stands alone; matches the marketing tokens) */
  --mv-navy: #012258;
  --mv-navy-2: #1E3A5F;
  --mv-orange: #EA580C;
  --mv-orange-hover: #C2410C;
  --mv-orange-soft: #FFF3EA;

  /* Semantic, AA on white */
  --mv-success: #067647; --mv-success-bg: #ECFDF3;
  --mv-warning: #B54708; --mv-warning-bg: #FFFAEB;
  --mv-danger:  #B42318; --mv-danger-bg:  #FEF3F2;
  --mv-info:    #175CD3; --mv-info-bg:    #EFF8FF;
  --mv-focus:   #2970FF;

  /* Member tier accents (neutral, no brand) */
  --mv-tier-rookie: #667085;
  --mv-tier-verified: #175CD3;
  --mv-tier-core: #067647;
  --mv-tier-captain: #B54708;

  /* Radius / shadow */
  --mv-r-sm: 8px; --mv-r-md: 12px; --mv-r-lg: 16px; --mv-r-pill: 999px;
  --mv-sh-1: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
  --mv-sh-2: 0 4px 12px rgba(16,24,40,.08);
  --mv-sh-3: 0 12px 32px rgba(16,24,40,.14);

  /* Spacing scale (4 base) */
  --mv-s1: 4px; --mv-s2: 8px; --mv-s3: 12px; --mv-s4: 16px;
  --mv-s5: 24px; --mv-s6: 32px; --mv-s7: 48px;

  /* Admin shell dimensions */
  --admin-rail-w: 248px;
  --admin-rail-collapsed-w: 72px;
  --admin-topbar-h: 60px;
  --admin-max-w: 1600px;

  --mv-font: "Onest", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Shared focus + base helpers used by both surfaces */
.mv :focus-visible,
.mv-focusable:focus-visible { outline: 2px solid var(--mv-focus); outline-offset: 2px; border-radius: var(--mv-r-sm); }
.mv-tnum { font-variant-numeric: tabular-nums; }
.mv-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) {
  .mv *, .mv *::before, .mv *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}