*{margin:0;padding:0;}

html,body{ 
	width:100%;
	height:100%;
}

:root {
  --bg-primary: #ffffff;
  --accent-color: #212529;
  --positive-color: red;
  --negative-color: #28a745;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #e9ecef;
  --text-primary: #212529;
  --text-secondary: #495057;
  --text-tertiary: #6c757d;
  --border-color: #dee2e6;
  --table-header-bg: #f1f3f4;
  --table-row-hover: #f8f9fa;
  --scrollbar-thumb: #adb5bd;
  --scrollbar-track: #f1f3f4;
}

body#dark {
  --bg-primary: #111219;
  --accent-color: #F0BE83;
  --positive-color: #ff6b6b;
  --negative-color: #51cf66;
  --bg-secondary: #1e1e1e;
  --bg-tertiary: #2d2d2d;
  --text-primary: #e0e0e0;
  --text-secondary: #b0b0b0;
  --text-tertiary: #fff;
  --border-color: #404040;
  --table-header-bg: #212433;
  --table-row-hover: #2d2d2d;
  --scrollbar-thumb: #555;
  --scrollbar-track: #2d2d2d;
}