:root {
  /* Neutral */
  --neutral-black: #1b1b1b;
  --neutral-gray-1: #62666d;
  --neutral-gray-2: #a5a5a5;
  --neutral-gray-3: #e5e7eb;
  --neutral-gray-4: #f4f4f4;
  --neutral-white: #ffffff;
  --neutral-dark: #3c3c3c;

  /* Blue */
  --blue-1: #036ac5;
  --blue-2: #0068ff;
  --blue-3: #0e74b3;
  --blue-4: #274685;
  --blue-5: #2f5496;
  --blue-6: #1e3563;
  --blue-table-bg: #2f4f97;
  --blue-navy: #002643;
  --blue-light: #9dbaf3;

  /* Purple */
  --purple-1: #391084;
  --purple-2: #6573af;
  --purple-3: #9534e5;
  --purple-4: #a438bf;
  --purple-5: #3848bf;

  /* Green */
  --green-1: #016630;
  --green-2: #00c950;
  --green-3: #f0fdf4;
  --green-4: #b9f8cf;

  /* Red / Error */
  --red-1: #9f0712;
  --red-2: #ba1f40;
  --red-3: #fef2f2;
  --red-4: #ffc9c9;
  --red-5: #ff708f;

  /* Yellow / Warning */
  --yellow-1: #966b00;
  --yellow-2: #ffd966;
  --yellow-3: #fff9e6;

  /* Gradients */
  --gradient-hero-text: linear-gradient(
    90deg,
    #51a9fe 0%,
    #4eaff9 7.14%,
    #4cb4f4 14.29%,
    #49b9ee 21.43%,
    #47bee9 28.57%,
    #44c3e3 35.71%,
    #42c8de 42.86%,
    #3fcdd8 50%,
    #3cd2d2 57.14%,
    #39d7cc 64.29%,
    #37dbc5 71.43%,
    #34e0bf 78.57%,
    #31e4b8 85.71%,
    #2ee9b1 92.86%,
    #2beda9 100%
  );
  --gradient-send-button: linear-gradient(
    90deg,
    #9534e5 10.16%,
    #903ce7 16.57%,
    #8b43e9 22.99%,
    #8649eb 29.41%,
    #814fec 35.83%,
    #7b54ee 42.24%,
    #7559f0 48.66%,
    #6e5ef2 55.08%,
    #6663f4 61.5%,
    #5e67f6 67.91%,
    #556bf8 74.33%,
    #4a6ff9 80.75%,
    #3c73fb 87.17%,
    #2a77fd 93.58%,
    #007bff 100%
  );
  --gradient-admin-bg: linear-gradient(90deg, #3d5687 2.4%, #92b2f0 55.29%, #ffffff 100%);
  --gradient-progress: linear-gradient(90deg, #9534e5 0%, #725cf1 54.33%, #097aff 100%);
  --gradient-alert-danger: linear-gradient(180deg, #9f0712 0%, #6e0209 100%);
  --gradient-alert-success: linear-gradient(180deg, #00c950 -44%, #016630 100%);
  --gradient-alert-warning: linear-gradient(180deg, #f5a623 0%, #c4850c 100%);
  --gradient-alert-info: linear-gradient(180deg, #2595df 0%, #036ac5 100%);
}
