:root {
	color-scheme: color; /* both light and dark supported */	
	--path: url("https://nabookafe.com");
    --artha-background-color: rgba(bb, bb, bb, 1);
	--artha-footer-color: rgba(19, 23, 34, 1);
	--tab-header : #4a4a4a;
	--tab-header-hover : #0b5a66;
	--tab-header-font-color : #eeeeee;
}

[data-theme="light"] {
	
    --artha-background-color: rgba(232, 228, 217, 1);
	--artha-footer-color: rgba(232,228,217, 1);
	--tab-header : #4a4a4a;
	--tab-header-hover : #0b5a66;
	--tab-header-font-color : #eeeeee;

}

[data-theme="dark"] {
	
    --artha-background-color: rgba(23, 27, 38, 1);
	--artha-footer-color: rgba(19, 23, 34, 1);
	--tab-header : #454545;
	--tab-header-hover : #2f2f2f;
	--tab-header-font-color : #dddddd;

}


:root {  
    --font-color: #3a3a3b;
    --bg-color: #efeeed;
	--pink: #f06868;
	--sub-menu: #7b3d3d;
	--tab-header : #4a4a4a;
	--tab-header-hover : #0b5a66;
	--tab-header-font-color : #eeeeee;
}

[data-theme="dark"] {
    --font-color: #d3f2d6;
    --bg-color: #171717;
	--pink: #454545;	
	--tab-header : #454545;
	--tab-header-hover : #2f2f2f;
	--tab-header-font-color : #dddddd;
}

/* Reset style */

* {
	vertical-align: baseline;
	font-weight: 	inherit;
	font-family: 	inherit;
	font-style: 	inherit;
	font-size: 		100%;
	border: 		0 none;
	outline:		0;
	padding: 		0;
	margin: 		0;
}

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

:link,:visited { text-decoration:none; }

a img,:link img,:visited img { border: none; }

ul,ol { list-style: none; }

img {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Define fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
}

@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');

.maven-pro-regular {
	font-family: "Maven Pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.maven-pro-bold {
	font-family: "Maven Pro", sans-serif;
	font-weight: 900;
	font-style: normal;
}