@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans.woff2') format('woff2 supports variations'),
       url('../fonts/Mona-Sans.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: 'Mona Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --accent:        #2E5EB0;
  --accent-hover:  #244e9a;
  --accent-fg:     #ffffff;
  --success:       #0DAA4C;
  --success-bg:    rgba(13,170,76,.12);
  --ring:          rgba(46,94,176,.35);
}

[data-theme="dark-color"] {
  --accent:        #4d7ed4;
  --accent-hover:  #3a6abf;
  --success:       #22c55e;
  --success-bg:    rgba(34,197,94,.15);
  --ring:          rgba(77,126,212,.5);
}