/*
 * MVRPAY enterprise palette experiment.
 * Loaded after the production bundle so it can be reverted without modifying
 * the original stylesheet.
 */

:root {
  --black: #06111f;
  --black-100: #06111f;
  --black-200: #0a192b;
  --black-300: #132a40;
  --black-card: #0e2034;
  --black-card-border: #203b52;
  --blackish: #132a40;
  --bluestep: #06111f;

  --white: #f4f8fc;
  --white-100: #f4f8fcb5;
  --white-200: #d5e1eb;
  --white-300: #a8b8c8;
  --white-400: #f4f8fc;
  --white-500: #f4f8fc1f;
  --white-600: #a8b8c880;
  --white-700: #f4f8fc1a;
  --white-800: #d5e1eb;

  --primary: #27d7d1;
  --secondary: #6c7cff;
  --purple-100: #6c7cff;
  --purple-200: #cbd2ff;
  --purple-300: #6c7cff66;
  --purple-400: #6c7cff80;
  --purple-500: #6c7cff1a;
  --purple-600: #6c7cff1f;
  --lite-purple: #cbd2ffcc;
  --lite-purple-30: #cbd2ff4d;

  --sweetYellow: #27d7d1;
  --sweetYellow-100: #27d7d133;
  --sweet-yellow-2: #48e5df66;
  --sweet-yellow-3: #27d7d11f;

  --success: #43d39e;
  --error: #ff6678;
  --warning: #f4c95d;

  --gray-100: #eef4f8;
  --gray-300: #c6d3de;
  --gray-500: #71869a;
  --gray-800: #132a40;
  --gray-900: #71869a;
  --gray-1000: #a8b8c880;
  --gray-1100: #71869a73;
  --gray-1200: #10273a;
  --gray-1300: #a8b8c8;
  --gray-border: #203b52;

  --footer-color: #a8b8c8;
  --footer-bottom: #6c7cff0d;
  --border-white: #d5e1eb14;
  --newborder: #38546b;
  --subone: #a8b8c8;
}

html,
body,
#root {
  background-color: #06111f;
}

.navbar,
.footer,
.footer-wrapper {
  background-color: #06111f;
}

.Lets-start-button-2,
.Lets-start-button,
.primary-button {
  background-color: #27d7d1;
  color: #041219;
}

.Lets-start-button-2:hover,
.Lets-start-button:hover,
.primary-button:hover {
  background-color: #48e5df;
}

.Lets-start-button-Brown,
.secondary-button {
  border: 1px solid #38546b;
  background: #6c7cff;
  color: #f4f8fc;
}

.Lets-start-button-Brown:hover,
.secondary-button:hover {
  background: #7d8bff;
}

.every-platform,
.highlight,
.highlightFlow {
  background: linear-gradient(135deg, #27d7d1 0%, #4ba9f5 48%, #6c7cff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.platform-features-bar {
  background: linear-gradient(90deg, transparent, rgba(39, 215, 209, 0.12), rgba(108, 124, 255, 0.12), transparent);
}

::selection {
  background: #27d7d1;
  color: #041219;
}