@charset "utf-8";
/* CSS Document */
/* ===== Light Theme (default) ===== */
/* Default (light mode) styles */
:root {
  --bg-color: #ffffff;  /* white background */
  --text-color: #000000;  /* black text */
  --fill-color: #0a12cd; /* light mode */
  --link-color: #000000; 	 
  --nav-text-color: #000000;	
  --form-txt-color:	#000000; 
  --title-color: #0a12cd;	
  --header-color:#ffffff; 
  --border-color:#0a12cd;
}

/* Override for dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #2c2c2c;  /* dark background */
    --text-color: #ffffff;  /* light text */
	--nav-text-color: #ffffff;  /* light text */
	--fill-color: #ffffff; /* dark mode */ 
	--link-color: #ffffff;
	--form-txt-color:#000000; 
	--title-color: #ffffff;   
	--header-color:#ffffff;  
	--border-color: #ffffff; /* light mode */
  }

}

/* ===== Usage ===== */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s, color 0.3s;
}

header {
	background-color: var(--header-color);
}

/*nav {
	color: var(--nav-text-color);
}*/

/*header a {
  color: var(--link-color);
}*/

.logo-style path.logo-fill,
.logo-style polygon.logo-fill {
  fill: var(--fill-color) !important;
  transition: fill 0.3s ease;
}

input {
	color: var(--form-txt-color);
}

#section2 .container h2, #section3 .container h2, #section4 .container h2,.blue-txt,.fundname{
	color: var(--title-color);
}

#section2 .title, #section3 .title, #section4 .title, #video .container{
	border-top-color: var(--border-color);
}

.tbl-border-btm, .tbl-border-btm-m{
	border-bottom-color: var(--border-color);
}