:root {
  /* Utils */
  --border-radius: 2px;
  --btn-border-radius: 2px;

  --box-shadow: var(--secondary-500);

  --white: var(--neutral-50);
  --red: var(--danger-200);
  --red-10: var(--danger-300);
  --red-20: var(--danger-900);
  --yellow: var(--warning-600);
  --yellow-10: var(--warning-500);
  --black: #000;
  --blue: #1a74ff;
  --blue-10: #004abb;
  --logo-content-box-shadow: var(--primary);

  /* Palette Colors */
  --primary: #000000;
  --primary-50: #2e2e2e;
  --primary-100: #252525;
  --primary-200: #1d1d1d;
  --primary-300: #141414;
  --primary-400: #0c0c0c;
  --primary-500: var(--primary);
  --primary-600: #000000;
  --primary-700: #000000;
  --primary-800: #000000;
  --primary-900: #000000;

  --primary-text: var(--neutral-50);
  --primary-transparency: #32323169;

  --secondary: rgba(10, 22, 6, 1);
  --secondary-50: rgba(95, 105, 91, 1);
  --secondary-100: rgba(76, 88, 70, 1);
  --secondary-200: rgba(58, 70, 52, 1);
  --secondary-300: rgba(42, 53, 36, 1);
  --secondary-400: rgba(26, 36, 21, 1);
  --secondary-500: var(--secondary); 
  --secondary-600: rgba(8, 18, 5, 1);
  --secondary-700: rgba(6, 14, 4, 1);
  --secondary-800: rgba(4, 10, 3, 1);
  --secondary-900: rgba(2, 6, 2, 1);

  --secondary-text: #ededed;
  --secondary-border: var(--primary-50);
  --secondary-border-10: var(--secondary-600);
  --secondary-border-20: #1c1536;
  --secondary-border__wallet: var(--primary-50);

  --tertiary: #2a3042;
  --tertiary-50: #3d4459;
  --tertiary-100: #343a4d;
  --tertiary-200: #2b3140;
  --tertiary-300: #232835;
  --tertiary-400: #1a1f29;
  --tertiary-500: #111620;
  --tertiary-600: #090b14;
  --tertiary-700: #000209;
  --tertiary-800: #000002;
  --tertiary-900: #000001;
  --tertiary-1000: #3d3d40;

  --accent: rgba(17, 138, 72, 1);
  --accent-50: rgba(134, 214, 176, 1);
  --accent-100: rgba(113, 199, 158, 1);
  --accent-200: rgba(91, 183, 139, 1);
  --accent-300: rgba(68, 166, 119, 1);
  --accent-400: rgba(44, 151, 100, 1);
  --accent-500: var(--accent); 
  --accent-600: rgba(15, 110, 58, 1);
  --accent-700: rgba(12, 91, 48, 1);
  --accent-800: rgba(9, 72, 38, 1);
  --accent-900: rgba(6, 54, 28, 1);

  --accent-text: var(--neutral-300);

  --success: #00e600;
  --success-50: #e6fde6;
  --success-100: #b0f7b0;
  --success-200: #8af48a;
  --success-300: #54ee54;
  --success-400: #33eb33;
  --success-500: #00e600;
  --success-600: #00d100;
  --success-700: #00a300;
  --success-800: #007f00;
  --success-900: #006100;

  --warning: #e6e600;
  --warning-50: #fdfde6;
  --warning-100: #f7f7b0;
  --warning-200: #f4f48a;
  --warning-300: #eeee54;
  --warning-400: #ebeb33;
  --warning-500: #e6e600;
  --warning-600: #d1d100;
  --warning-700: #a3a300;
  --warning-800: #7f7f00;
  --warning-900: #616100;

  --danger: #e60000;
  --danger-50: #fde6e6;
  --danger-100: #f7b0b0;
  --danger-200: #f48a8a;
  --danger-300: #ee5454;
  --danger-400: #eb3333;
  --danger-500: #e60000;
  --danger-600: #d10000;
  --danger-700: #a30000;
  --danger-800: #7f0000;
  --danger-900: #610000;
  --danger-1000: #d6342c40;

  --neutral: #d9d9d9;
  --neutral-50: #fbfbfb;
  --neutral-100: #f3f3f3;
  --neutral-200: #eeeeee;
  --neutral-300: #e6e6e6;
  --neutral-400: #e1e1e1;
  --neutral-500: #d9d9d9;
  --neutral-600: #c5c5c5;
  --neutral-700: #9a9a9a;
  --neutral-800: #777777;
  --neutral-900: #606369;
  --neutral-1000: #5b5b5b;

  /* SKELETON */
  --bg-gradient: radial-gradient(var(--secondary-400), var(--secondary-700));

  /* Specifications */
  --jb-num-color: var(--primary-800);
  --jb-num-color-10: var(--primary-700);
  --circular-gradient: radial-gradient(
    circle,
    var(--accent) 0%,
    transparent 100%
  );
  --close-btn-color: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg)
    brightness(100%) contrast(100%);
  --bg__login--img: url("../../img/bg.png");
  --bg-login--neutral: #00000091;
  --payment__pix-icon: brightness(0) saturate(100%) invert(10%) sepia(92%)
    saturate(5563%) hue-rotate(336deg) brightness(96%) contrast(105%);
}