:root {
  --main-bg: radial-gradient(
    98.61% 100% at 50% 0%,
    #000014 0%,
    #050b12 50%,
    #00000f 100%
  );

  --text-100: rgba(255, 255, 255, 1);
  --text-80: rgba(255, 255, 255, 0.8);
  --text-60: rgba(255, 255, 255, 0.6);

  --text-blue-100: rgba(204, 225, 255, 1);
  --text-blue-90: rgba(204, 225, 255, 0.9);
  --text-blue-80: rgba(204, 225, 255, 0.8);
  --text-blue-70: rgba(204, 225, 255, 0.7);
  --text-blue-60: rgba(204, 225, 255, 0.6);
  --text-blue-50: rgba(204, 225, 255, 0.5);
  --text-blue-40: rgba(204, 225, 255, 0.4);

  --text-green: #cdffcc;
  --text-yellow: #f8ffcc;
  --text-red: #ffcccc;

  --h-color: linear-gradient(180deg, #0b70ff 0%, #0b70ff 100%);
  --h-shadow: 0px 0px 72px rgba(5, 0, 255, 0.4),
    0px 0px 16px rgba(4, 0, 255, 0.6);
  --h-underline: linear-gradient(
    180deg,
    rgba(11, 112, 255, 0.5) 0%,
    rgba(11, 112, 255, 0.5) 100%
  );

  --redirect-label-color: linear-gradient(180deg, #0b70ff 0%, #0b70ff 100%);
  --redirect-label-shadow: 0px 0px 72px rgba(5, 0, 255, 0.4),
    0px 0px 16px rgba(4, 0, 255, 0.6);

  --p-color: var(--text-80);

  --block-bg: linear-gradient(180deg, #00001a 0%, #000d1f 100%);
  --block-shadow: rgba(0, 106, 255, 0.08);
  --block-border: radial-gradient(
    50% 99.93% at 50% 99.93%,
    #325381 0%,
    #0d213d 96.88%
  );
  --block-color: var(--text-100);

  --input-bg: #0b0d24;
  --input-bg-hover: #0c0f29;
  --input-bg-active: #0e112e;
  --input-border: radial-gradient(
    50% 99.93% at 50% 99.93%,
    #153091 0%,
    #082042 96.88%
  );
  --input-shadow: rgba(10, 35, 71, 0.2);
  --input-color: var(--text-blue-40);
  --input-color-type: var(--text-100);
  --input-color-hover: var(--text-blue-50);
  --input-color-active: var(--text-blue-70);

  --select-icon-color: var(--text-blue-60);
  --select-icon-color-hover: var(--text-blue-70);
  --select-icon-color-active: var(--text-blue-90);

  --menu-bg: linear-gradient(180deg, #000029 0%, #001430 100%);
  --menu-border: radial-gradient(
    50% 99.93% at 50% 99.93%,
    #325381 0%,
    #0d213d 96.88%
  );
  --menu-shadow: rgba(0, 106, 255, 0.28);
  --menu-shadow-inset: rgba(10, 35, 71, 0.2);
  --menu-color: var(--text-blue-80);
  --menu-color-hover: var(--text-blue-90);
  --menu-color-active: var(--text-blue-100);

  --button-primary-bg: linear-gradient(180deg, #112745 0%, #001026 100%);
  --button-primary-bg-redirect: linear-gradient(
    180deg,
    #132c4e 0%,
    #001026 100%
  );
  --button-border: radial-gradient(
      50% 99.93% at 50% 99.93%,
      #325381 0%,
      #0d213d 96.88%
    ),
    radial-gradient(50% 99.93% at 50% 99.93%, #243957 3.13%, #1f334f 100%);
  --button-primary-shadow: rgba(10, 35, 71, 0.4);
  --button-primary-shadow-inset: rgba(21, 38, 61, 0.5);
  --button-primary-color: var(--text-blue-100);
  --button-primary-color-hover: var(--text-blue-80);
  --button-primary-color-active: var(--text-blue-60);

  --button-iconic-bg: linear-gradient(180deg, #161631 52.6%, #132134 100%);
  --button-iconic-shadow: rgba(10, 35, 71, 0.4);
  --button-iconic-color: var(--text-blue-100);
  --button-iconic-color-hover: var(--text-blue-80);
  --button-iconic-color-active: var(--text-blue-60);

  --error-toast-bg: linear-gradient(180deg, #000029 0%, #001430 100%);
  --error-toast-border: radial-gradient(
    50% 99.93% at 50% 99.93%,
    #325381 0%,
    #0d213d 96.88%
  );
  --error-toast-shadow: rgba(0, 106, 255, 0.28);
  --error-toast-shadow-inset: rgba(10, 35, 71, 0.2);
  --error-toast-color: var(--text-blue-80);
  --error-toast-color-icon: var(--text-red);

  --faq-bg: linear-gradient(180deg, #000029 0%, #001430 100%);
  --faq-border: radial-gradient(
    50% 99.93% at 50% 99.93%,
    #243957 3.13%,
    #1f334f 100%
  );
  --faq-shadow: rgba(10, 35, 71, 0.4);
  --faq-color: var(--text-blue-100);
  --faq-color-icon: var(--text-blue-60);
  --faq-color-icon-hover: var(--text-blue-80);
  --faq-color-icon-active: var(--text-blue-100);
  --faq-color-answer: var(--text-blue-70);
  --faq-color-answer-link: var(--text-blue-100);
  --faq-color-answer-link-hover: var(--text-blue-80);
  --faq-color-answer-link-active: var(--text-blue-60);

  --footer-bg: linear-gradient(180deg, #00060f 0%, #000712 100%);
  --footer-border: #0f1e33;
  --footer-shadow: rgba(10, 35, 71, 0.1);
  --footer-color: var(--text-blue-100);
  --footer-color-hover: var(--text-blue-80);
  --footer-color-active: var(--text-blue-60);
  --footer-color-here: linear-gradient(180deg, #0b70ff 0%, #0b70ff 100%);
  --footer-shadow-here: 0px 0px 72px rgba(5, 0, 255, 0.4),
    0px 0px 16px rgba(4, 0, 255, 0.6);
  --footer-copyright-color-main: var(--text-blue-100);
  --footer-copyright-color-detail: var(--text-blue-60);
  --footer-copyright-color-number: var(--text-blue-40);

  --overview-color: var(--text-blue-100);
  --overview-color-posted: var(--text-green);
  --overview-color-pending: var(--text-yellow);
  --overview-color-rejected: var(--text-red);

  --table-color-head: var(--text-60);

  --content-color: var(--text-80);
  --content-color-bold: var(--text-100);

  --contributor-color-username: linear-gradient(
    180deg,
    #0b70ff 0%,
    #0b70ff 100%
  );
  --contributor-shadow-username: 0px 0px 72px rgba(5, 0, 255, 0.4),
    0px 0px 16px rgba(4, 0, 255, 0.6);
  --contributor-color-mail: linear-gradient(180deg, #c2dfff 0%, #5ca9ff 100%);
  --contributor-shadow-mail: 0px 0px 72px rgba(5, 0, 255, 0.4),
    0px 0px 16px rgba(4, 0, 255, 0.6);
  --contributor-color-description: var(--text-80);
}