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

  --primary: #192e02;
  --primary-dark: #0b1501;
  --secondary: #24390f;
  --neutral: #baad37;
  --accent: #266052;

  --error: #FF6675;

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

  --checkbox: #4CAF50;

  --increase: var(--neutral);
  --decrease: var(--error);

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

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


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

  --table-header-text: #ffffff;
  --leaderboard-text: #2c3344;
  --table-text: var(--leaderboard-text);
  --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;

  --graph-grid: #eae8e3;
  --graph-label: #8e8e8e;

  /* Leaderboard Light Theme Colors */
  --leaderboard-bg: #ffffff;
  --leaderboard-border: rgba(255, 255, 255, 0.9);
  --leaderboard-shadow: rgba(80, 90, 130, 0.18);
  --leaderboard-glass-bg: rgba(255,255,255,0.82);
  --leaderboard-glass-border: rgba(255,255,255,0.9);
  --leaderboard-glass-shadow: rgba(80,90,130,0.25);
  --leaderboard-green-dark: #2c4e07;
  --leaderboard-green-darker: #192e02;
  --leaderboard-green-darkest: #0f1d01;
  --leaderboard-gold: #d4c84a;
  --leaderboard-gold-bright: #ffed4e;
  --leaderboard-text-dark: #1a2030;
  --leaderboard-text-light: #4a5568;
  --leaderboard-text-muted: #333;
  --leaderboard-divider-light: rgba(184, 165, 39, 0.3);
  --leaderboard-hover-bg: rgba(44, 78, 7, 0.08);
  --leaderboard-stat-bg: rgba(255,255,255,0.7);
  --leaderboard-stat-border: rgba(255,255,255,0.85);

  /* Glass morphism white overlays */
  --glass-white-95: rgba(255, 255, 255, 0.95);
  --glass-white-88: rgba(255, 255, 255, 0.88);
  --glass-white-85: rgba(255, 255, 255, 0.85);
  --glass-white-78: rgba(255, 255, 255, 0.78);
  --glass-white-75: rgba(255, 255, 255, 0.75);
  --glass-white-7: rgba(255, 255, 255, 0.7);
  --glass-white-6: rgba(255, 255, 255, 0.6);
  --glass-white-58: rgba(255, 255, 255, 0.58);
  --glass-white-55: rgba(255, 255, 255, 0.55);
  --glass-white-5: rgba(255, 255, 255, 0.5);
  --glass-white-45: rgba(255, 255, 255, 0.45);
  --glass-white-4: rgba(255, 255, 255, 0.4);
  --glass-white-3: rgba(255, 255, 255, 0.3);
  --glass-white-18: rgba(255, 255, 255, 0.18);
  --glass-white-12: rgba(255, 255, 255, 0.12);
  --glass-white-07: rgba(255, 255, 255, 0.07);

  /* Shadow variations */
  --shadow-blue-28: rgba(80, 90, 130, 0.28);
  --shadow-blue-22: rgba(80, 90, 130, 0.22);
  --shadow-blue-2: rgba(80, 90, 130, 0.2);
  --shadow-blue-18: rgba(80, 90, 130, 0.18);
  --shadow-blue-16: rgba(80, 90, 130, 0.16);
  --shadow-blue-15: rgba(80, 90, 130, 0.15);
  --shadow-blue-14: rgba(80, 90, 130, 0.14);
  --shadow-blue-1: rgba(80, 90, 130, 0.1);
  --shadow-blue-08: rgba(80, 90, 130, 0.08);
  --shadow-gray: rgba(130, 130, 150, 0.60);
  --shadow-gray-2: rgba(140, 145, 150, 0.60);

  /* Black shadows */
  --shadow-black-15: rgba(0, 0, 0, 0.15);
  --shadow-black-1: rgba(0, 0, 0, 0.1);
  --shadow-black-06: rgba(0, 0, 0, 0.06);
  --shadow-black-05: rgba(0, 0, 0, 0.05);

  /* Blue gradient backgrounds */
  --gradient-blue-light: rgba(240,244,255,0.65);
  --gradient-blue-med: rgba(240,244,255,0.5);
  --gradient-blue-light2: rgba(235,240,250,0.5);
  --gradient-blue-lighter: rgba(235,240,255,0.35);
  --gradient-blue-very-light: rgba(245,250,255,0.5);

  /* Gray colors */
  --gray-light: #e8ecf5;
  --gray-lighter: #e7e7e7;
  --gray-med: #d1d5db;
  --gray-muted: #ccc;
  --gray-accent: #b8c5e0;
  --gray-light-accent: #c8d4e8;

  /* Purple/Lavender tones */
  --purple-very-light: rgba(245, 240, 252, 0.22);
  --purple-light: rgba(238, 238, 238, 0.45);
  --purple-light2: rgba(234, 234, 234, 0.45);
  --purple-med: rgba(225, 220, 240, 0.68);
  --purple-accent: rgba(238,233,248,0.78);
  --purple-darker: #e5e1ec;
  --purple-darkest: #dde2ee;

  /* Status colors */
  --status-error: #ff0000;
  --status-green: #b7d696;

  /* Other accent colors */
  --accent-blue-dark: #012169;
  --accent-blue-darker: #0f1520;
  --border-blue: rgba(180,190,210,0.4);
  --border-blue-light: rgba(180,190,210,0.2);
  --border-blue-lighter: rgba(180,190,210,0.16);
  --border-blue-glass: rgba(200,210,230,0.5);
}

[data-theme="dark"] {

  /* Dark Theme Colors */
  --background: #050a02;
  --modal-background: var(--secondary);
  --table-background: #0b1501;
  --table-background-expand: #324f14;
  --table-header-background: #0d1a02;
  --table-header-text: #ffffff !important;
  --table-text: #ffffff;
  --table-hover: rgba(25, 46, 2, 0.6);

  --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);

  --graph-grid: var(--secondary);

  /* Leaderboard Dark Theme Colors */
  --leaderboard-bg: var(--primary-dark);
  --leaderboard-border: rgba(184, 165, 39, 0.2);
  --leaderboard-shadow: rgba(0, 0, 0, 0.6);
  --leaderboard-glass-bg: rgba(25, 46, 2, 0.92);
  --leaderboard-glass-border: rgba(184, 165, 39, 0.15);
  --leaderboard-glass-shadow: rgba(0, 0, 0, 0.6);
  --leaderboard-green-dark: var(--primary);
  --leaderboard-green-darker: #192e02;
  --leaderboard-green-darkest: var(--primary-dark);
  --leaderboard-gold: #d4c84a;
  --leaderboard-gold-bright: #ffed4e;
  --leaderboard-text: #ffffff;
  --leaderboard-text-dark: #ffffff;
  --leaderboard-text-light: #e0e0e0;
  --leaderboard-text-muted: #c0c0c0;
  --leaderboard-divider-light: rgba(184, 165, 39, 0.2);
  --leaderboard-hover-bg: rgba(25, 46, 2, 0.5);
  --leaderboard-stat-bg: rgba(25, 46, 2, 0.85);
  --leaderboard-stat-border: rgba(184, 165, 39, 0.2);

  /* Glass morphism overlays - dark */
  --glass-white-95: rgba(11, 21, 1, 0.95);
  --glass-white-88: rgba(11, 21, 1, 0.88);
  --glass-white-85: rgba(11, 21, 1, 0.85);
  --glass-white-78: rgba(11, 21, 1, 0.78);
  --glass-white-75: rgba(11, 21, 1, 0.75);
  --glass-white-7: rgba(11, 21, 1, 0.7);
  --glass-white-6: rgba(11, 21, 1, 0.6);
  --glass-white-58: rgba(11, 21, 1, 0.58);
  --glass-white-55: rgba(11, 21, 1, 0.55);
  --glass-white-5: rgba(11, 21, 1, 0.5);
  --glass-white-45: rgba(11, 21, 1, 0.45);
  --glass-white-4: rgba(11, 21, 1, 0.4);
  --glass-white-3: rgba(11, 21, 1, 0.3);
  --glass-white-18: rgba(255, 255, 255, 0.1);
  --glass-white-12: rgba(255, 255, 255, 0.08);
  --glass-white-07: rgba(255, 255, 255, 0.05);

  /* Shadow variations */
  --shadow-blue-28: rgba(0, 0, 0, 0.28);
  --shadow-blue-22: rgba(0, 0, 0, 0.22);
  --shadow-blue-2: rgba(0, 0, 0, 0.2);
  --shadow-blue-18: rgba(0, 0, 0, 0.18);
  --shadow-blue-16: rgba(0, 0, 0, 0.16);
  --shadow-blue-15: rgba(0, 0, 0, 0.15);
  --shadow-blue-14: rgba(0, 0, 0, 0.14);
  --shadow-blue-1: rgba(0, 0, 0, 0.1);
  --shadow-blue-08: rgba(0, 0, 0, 0.08);
  --shadow-gray: rgba(0, 0, 0, 0.60);
  --shadow-gray-2: rgba(0, 0, 0, 0.60);

  /* Black shadows */
  --shadow-black-15: rgba(0, 0, 0, 0.15);
  --shadow-black-1: rgba(0, 0, 0, 0.1);
  --shadow-black-06: rgba(0, 0, 0, 0.06);
  --shadow-black-05: rgba(0, 0, 0, 0.05);

  /* Gradient backgrounds - dark */
  --gradient-blue-light: rgba(184, 165, 39, 0.12);
  --gradient-blue-med: rgba(184, 165, 39, 0.1);
  --gradient-blue-light2: rgba(184, 165, 39, 0.08);
  --gradient-blue-lighter: rgba(184, 165, 39, 0.06);
  --gradient-blue-very-light: rgba(184, 165, 39, 0.1);

  /* Gray colors - dark */
  --gray-light: #324f14;
  --gray-lighter: #192e02;
  --gray-med: #0b1501;
  --gray-muted: #050a02;
  --gray-accent: #324f14;
  --gray-light-accent: #192e02;

  /* Purple/Lavender tones - dark */
  --purple-very-light: rgba(184, 165, 39, 0.08);
  --purple-light: rgba(184, 165, 39, 0.1);
  --purple-light2: rgba(184, 165, 39, 0.09);
  --purple-med: rgba(184, 165, 39, 0.12);
  --purple-accent: rgba(184, 165, 39, 0.15);
  --purple-darker: #192e02;
  --purple-darkest: #0b1501;

  /* Status colors */
  --status-error: #ff6666;
  --status-green: #7da650;

  /* Other accent colors - dark */
  --accent-blue-dark: #050a02;
  --accent-blue-darker: #020501;
  --border-blue: rgba(184, 165, 39, 0.08);
  --border-blue-light: rgba(184, 165, 39, 0.06);
  --border-blue-lighter: rgba(184, 165, 39, 0.04);
  --border-blue-glass: rgba(184, 165, 39, 0.1);
  /* 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 */
}