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

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

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

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

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


  --table-header-background: var(--primary);
  /*--table-header-background: #35455E;*/

  --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"] {
  --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);
}