@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@400;500;700&display=swap');
:root {
  --primary: #1C40F2;
  --primary-dark: #0E23AE;
  --primary-darker: #051074;


  --success: #3BC644;
  --info: #5B97FF;
  --worning: #FFD902;
  --danger: #FF4838;

  --gray: #878c8f;
  --gray-light: #f5f5f5;


  --custom-radius: .75rem;
  --primary-light: #D1DCFE;
  --danger-light: #FFE7D7;
  --warning-light: #FFFACC;
  --success-light: #E3FCD8;


  --body-color: #404040;
  --heading-color: #1d1d1f;

  --border-color: #e9eaec;
  --border-dark-color: #08188C;
  --border-primary-light: #1430D0;

  --font-family-sans-serif: 'Open Sans', sans-serif;
  --font-family-monospace: 'Roboto', sans-serif;
}