/* Brand fonts supplied for this prototype. */
@font-face { font-family:'MTS Compact Web'; src:url('../assets/fonts/MTSCompact-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'MTS Compact Web'; src:url('../assets/fonts/MTSCompact-Medium.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'MTS Wide Web'; src:url('../assets/fonts/MTSWide-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'MTS Amount Web'; src:url('../assets/fonts/MTSSans-UltraWide.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'MTS Sans Web'; src:url('../assets/fonts/MTSSans-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Inder Web'; src:url('../assets/fonts/Inder-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter Web'; src:url('../assets/fonts/InterVariable.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }
:root {
  --pay-active: #1d2023;
  --font-ui: 'MTS Compact Web', 'MTS Compact', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-wide: 'MTS Wide Web', 'MTS Wide', 'Segoe UI', Arial, sans-serif;
  --font-merchant: 'MTS Amount Web', 'MTS Sans UltraWide', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --text-primary: #1d2023;
  --text-secondary: #626c77;
  --surface: #fff;
  --surface-soft: #f2f3f7;
  --surface-blue: #eaf1ff;
  --stroke: rgba(188,195,208,.5);
  --active: #0070e5;
  --dark-green: #031918;
  --dark-teal: #2b7d78;
  --pay-logo-bg: #0a0725;
  --radius-sheet: 32px;
  --radius-card: 20px;
  --spacing-horizontal: 20px;
}