:root {
  --font-family: "Open Sans";
  --font-logo: "Raleway";

  --primary: #192e02;
  --primary-dark: #0b1501;
  --secondary: #23370e;
  --neutral: #baad37;
  --accent: #266052;

  --error: #FF6675;

  --background: #f4f4f4;
  --success: #538d4e;

  --checkbox: #4CAF50;

  --modal-background: var(--background);

  --table-background: #ffffff;
  --table-background-expand: #e8e8e8;


  --table-header-background: var(--primary);
  /*--table-header-background: #0065BF;*/

  --table-header-text: #ffffff;
  --table-text: var(--primary);
  --table-hover: #e8e8e8;

  --table-hover-dark: #cecece;

  --player-round-header: var(--primary);
  --filter-background: var(--table-background);

  --graph-background: #ffffff;

  --btn-radius: 8px;
  --scrollbar: #cacaca;
  --scrollbar-track:#f1f1f1;

  --placeholder: #8e8e8e;

  --indicator: #66abe6;
}

[data-theme="dark"] {
  
  /* Dark Theme Colors */
  --background: var(--primary-dark);
  --modal-background: var(--secondary);
  --table-background: var(--secondary);
  --table-background-expand: #324f14;
  --table-header-background: var(--primary);
  --table-header-text: #ffffff;
  --table-text: #ffffff;
  --table-hover: #152008;

  --graph-background: var(--primary-dark);;

  --player-round-header: #152008;
  --filter-background: var(--table-background-expand);

  --placeholder: rgb(207, 207, 207);

  --scrollbar: var(--primary);
  --scrollbar-track: var(--primary-dark);
  /* End */


  /* Europe Theme Colors 
  --europe-primary: #0025ED;
  --europe-dark: #0018a2;
  --europe-secondary: #021442;
  --europe-yellow: #F7B103;


  --background: var(--europe-secondary);
  --modal-background: var(--europe-primary);
  --table-background: var(--europe-primary);
  --table-background-expand: var(--europe-dark);
  --table-header-background: var(--europe-dark);
  --table-header-text: #ffffff;
  --table-text: #ffffff;
  --table-hover: var(--europe-dark);


  --primary: var(--europe-primary);
  --neutral: var(--europe-yellow);
  --accent: var(--europe-secondary);

  --graph-background: var(--europe-dark);

  --player-round-header: var(--europe-secondary);
  --filter-background: var(--table-background-expand);

  --placeholder: rgb(207, 207, 207);

  --scrollbar: var(--europe-primary);
  --scrollbar-track: var(--europe-yellow);

  --success: var(--europe-yellow);
  --checkbox: var(--europe-yellow);
  /* End */
}