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

  --box-shadow: rgba(6, 58, 6, 0.12);

  --white: var(--neutral-50);
  --red: var(--danger-200);
  --red-10: var(--danger-300);
  --red-20: var(--danger-900);
  --yellow: var(--accent-500);
  --yellow-10: var(--accent-400);
  --black: #000;
  --blue: #1a74ff;
  --blue-10: #004abb;
  --logo-content-box-shadow: rgba(6, 58, 6, 0.1);

  /* Brand Green - extraido da logo (trevo / tipografia) */
  --green: var(--green-500);
  --green-50: #eef8ea;
  --green-100: #cdebc3;
  --green-200: #9edb90;
  --green-300: #6ec95c;
  --green-400: #3cb229;
  --green-500: #15800f;
  --green-600: #12720d;
  --green-700: #0e5f0b;
  --green-800: #0a4d08;
  --green-900: #063a06;

  /* Palette Colors */

  --primary-text: #152a14;

  --primary-transparency: rgba(6, 58, 6, 0.08);

  --primary: #ffffff;
  --primary-10: #f4f9f2;
  --primary-50: #ffffff;
  --primary-100: #fafdf9;
  --primary-200: #f3f9f1;
  --primary-300: #eaf4e7;
  --primary-400: #dcebd7;
  --primary-500: #cbe1c4;
  --primary-600: #4a6b46;
  --primary-700: #2d5129;
  --primary-800: #1d3c1a;
  --primary-900: #122c10;
  --primary-50-hover: var(--accent-600);

  --secondary: #f1f7ef;
  --secondary-10: #e3f0df;
  --secondary-20: #f8fcf7;
  --secondary-50: #ffffff;
  --secondary-100: #fbfdfa;
  --secondary-200: #f4faf2;
  --secondary-300: #e9f2e6;
  --secondary-400: #dcebd8;
  --secondary-500: var(--secondary);
  --secondary-600: #d2e6cd;
  --secondary-700: #e4efe1;
  --secondary-800: #dae9d6;
  --secondary-900: #eef6ec;
  --secondary-hover: var(--secondary-300);

  --secondary-text: #1e2d1c;
  --secondary-border: #d6e8d1;
  --secondary-border-10: #c6ddc0;
  --secondary-border-20: #b6d4af;
  --secondary-border__wallet: #d6e8d1;

  --tertiary: #557a51;
  --tertiary-50: #eef5ed;
  --tertiary-100: #dceadb;
  --tertiary-200: #bcd5ba;
  --tertiary-300: #9cc099;
  --tertiary-400: #7ba677;
  --tertiary-500: var(--tertiary);
  --tertiary-600: #456540;
  --tertiary-700: #365032;
  --tertiary-800: #273b24;
  --tertiary-900: #192616;

  --tertiary-1000: #0d140c;

  /* Brand Amber - extraido da logo (sino / "da"), usado nas acoes */
  --accent: var(--accent-500);
  --accent-50: #fff7e6;
  --accent-100: #ffe9b8;
  --accent-200: #fdd67d;
  --accent-300: #f7bf3f;
  --accent-400: #f0ab14;
  --accent-500: #e8a005;
  --accent-600: #d18b04;
  --accent-700: #9a6303;
  --accent-800: #7d5003;
  --accent-900: #5c3a02;

  --accent-text: var(--primary-900);

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

  --warning: var(--accent-500);
  --warning-50: var(--accent-50);
  --warning-100: var(--accent-100);
  --warning-200: var(--accent-200);
  --warning-300: var(--accent-300);
  --warning-400: var(--accent-400);
  --warning-500: var(--accent-500);
  --warning-600: var(--accent-600);
  --warning-700: var(--accent-700);
  --warning-800: var(--accent-800);
  --warning-900: var(--accent-900);

  --danger: #e60000;
  --danger-50: #fde6e6;
  --danger-100: #f7b0b0;
  --danger-200: #c62828;
  --danger-300: #d32f2f;
  --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: #ffffff;
  --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;

  /* Categorias da tabela de premios (comuns/table_premiacoes_colors.css) */
  --loteria: var(--green-700);
  --cassino: #b03a2e;
  --outro: var(--accent-700);

  /* SKELETON */
  --bg-gradient: url("../../img/background_tela.webp");

  /* 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: brightness(0) saturate(100%) invert(12%) sepia(28%)
    saturate(1500%) hue-rotate(70deg) brightness(95%) contrast(95%);
  --bg__login--img: url("../../img/bg.jpeg");
  --bg-login--neutral: #00000091;
  --payment__pix-icon: brightness(0) saturate(100%) invert(10%) sepia(92%)
    saturate(5563%) hue-rotate(336deg) brightness(96%) contrast(105%);
}