@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap");

html[data-theme="light"]{

	/* 1 */
	--nae-main-green : #6eaf7c;
	--nae-main-pink: #D823C3; /*main-pink: D823C3*/
	--nae-main-lemon: #A1FFC3;
	--nae-main-neutral: rgb(72, 86, 107) ; /*#000000; /* black DIFFERS*/
	--nae-shade-neutral: rgb(72, 86, 107) ;
	
	/* 5 */
	--nae-turqois-green: #6Fb0A9; /* turqois */

	/* 6 */
	--nae-gray-green: #93b099;
	--nae-gray-pink: #D96BCC; /* gray-pink: D96BCC */	

	--pst-color-primary: var(--nae-main-green);
	--pst-color-inline-code : var(--nae-gray-pink);  
	--pst-color-link-hover: var(--nae-main-neutral); 

	--nae-bold-headline: "DM Serif Display", serif;  /*"DM Serif Display", serif; or "Major Mono Display", monospace;*/
	--nae-pink-space: "Noto Sans";
	--nae-sans-text: "Noto Sans";
	--nae-serif-text: "EB Garamond";

	--pst-font-family-base-system: ;
	--pst-font-family-monospace-system:;
	--pst-font-weight-caption: 300;
    --pst-font-weight-heading: 900; /* h1 */
    --pst-font-family-base-system: var(--nae-sans-text); /*-apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
    --pst-font-family-monospace-system: var(--nae-sans-text); /*"SFMono-Regular", "Menlo", "Consolas", "Monaco", "Liberation Mono", "Lucida Console", monospace;*/
    --pst-font-family-base: var(--nae-sans-text);
    --pst-font-family-heading: var(--nae-bold-headline);
    --pst-font-family-monospace: var(--nae-sans-text);
    --pst-font-size-icon: 1.5rem;
}

html[data-theme="dark"]{

	/* 1 */
	--nae-main-green : #6eaf7c;
	--nae-main-pink: #D823C3; /*main-pink: D823C3*/
	--nae-main-lemon: #A1FFC3;
	/*--nae-main-neutral: #FFFFFF; /* white DIFFERS */
	--nae-shade-neutral: #dbdbdb ;
	--nae-main-neutral: #dbdbdb;
	
	/* 5 */
	--nae-turqois-green: #6Fb0A9; /* turqois */

	/* 6 */
	--nae-gray-green: #93b099;
	--nae-gray-pink: #D96BCC; /* gray-pink: D96BCC */	

	--pst-color-primary: var(--nae-main-green);
	--pst-color-inline-code : var(--nae-gray-pink);  
	--pst-color-link-hover: var(--nae-main-neutral);

	--nae-bold-headline: "DM Serif Display", monospace;
	--nae-pink-space: 'Noto Sans';
	--nae-sans-text: 'Noto Sans';
	--nae-serif-text: "EB Garamond";

	--pst-font-family-base-system: ;
	--pst-font-family-monospace-system:;
	--pst-font-weight-caption: 300;
    --pst-font-weight-heading: 900; /* h1 */
    --pst-font-family-base-system: var(--nae-sans-text); /*-apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
    --pst-font-family-monospace-system: var(--nae-sans-text); /*"SFMono-Regular", "Menlo", "Consolas", "Monaco", "Liberation Mono", "Lucida Console", monospace;*/
    --pst-font-family-base: var(--nae-sans-text);
    --pst-font-family-heading: var(--nae-bold-headline);
    --pst-font-family-monospace: var(--nae-sans-text);
    --pst-font-size-icon: 1.5rem;
}




a.headerlink {
  color: var(--nae-gray-green);
}

a:hover, .prev-next-area a p.prev-next-title:hover{
	text-decoration: underline !important;
}

b, strong{
	font-weight: 600 !important;	
}


h1, h2, h3, h4, .h1 {
	margin-bottom: 0.5rem;
}

h1, .h1{
	font-family: var(--nae-bold-headline); /*"DM Serif Display", serif;*/
	/*text-transform: uppercase;*/
	color: var(--nae-main-neutral) !important;
	font-weight: 900 !important;
	font-style: normal !important;
	line-height: 1.5;
  /*font-family: "Gravitas One" !important;
  font-weight: 400 !important;
  font-style: Regular;
  font-stretch: expanded;
	text-transform: uppercase !important;
	font-size: 2rem;
	line-height: 1.05;
	color: var(--nae-main-neutral) !important;*/
}
h2, .h2 {
	font-family: var(--nae-serif-text);
	margin-top: 2em;
	font-size:140%;
	line-height: 1.5;
}
h2:after, .h2:after{
	content:' ';
    display:block;
    border:1px solid #AAA;
}
h3 {
	margin-top: 1em;
	font-size:120%;
	line-height: 1.5;
}
ol li > p:first-child, ul li > p:first-child{
	margin-bottom: 0px;
}
.bd-content p, .sd-card-body > .sd-card-text{
	/*color: var(--nae-main-green);*/
	font-family: var(--nae-serif-text);
	/*line-height: 1.5 !important;*/
    margin-top: 0;
    font-size: 105%;
    font-weight: 450;
  	/*margin-bottom: 1rem;*/
}
.pre {
	font-family: var(--nae-sans-text);
	font-size: 90%;
	letter-spacing: 0.2px;
}

.sd-col{
	padding-bottom: 15px;
}

.sd-card-footer {
	font-family: var(--nae-serif-text);	
}

.sd-card-title {
	font-family: var(--nae-bold-headline);
	/*text-transform: uppercase;*/
	font-weight: 900;
	color: var(--nae-main-neutral); /* was --pst-color-muted */
	font-size: var(--pst-font-size-h5);
	line-height: 1.15;
  	/*margin: 2.75rem 0 1.05rem;*/

}

.tinypinkspace, .sd-card-header > .sd-card-text { /* cute tiny font */
	font-family: var(--nae-sans-text) !important;
	letter-spacing: 6px;
	font-size: 70%;
	font-weight: 600;
	/*text-transform: uppercase;*/
	color: var(--nae-gray-pink);
}


html{
    scrollbar-color: var(--nae-shade-neutral) transparent;
    /* scrollbar-width: thin; */
}