:root {
 --color-text: purple;           /* Dark brown */
    --color-text-light: #5d4037;     /* Medium brown */
    --color-text-muted: #8d6e63;     /* Light brown */
    --color-background: #fefbf3;     /* Warm white */
    --color-background-alt: #f5f1e8; /* Warm gray */
    --color-border: #d7ccc8;         /* Light brown border */
    --color-border-light: #efebe9;   /* Very light brown */
    --color-link: #6d4c41;          /* Brown link */
    --color-link-hover: #3c2415;     /* Dark brown hover */
    --color-accent: #8d6e63; 
	 /*--color-background: #fffafa;
	--color-text: #000099;*/
	--main-link: #333333;
	--main-link-hover: #000000;
	--main-link-border: #e1e1e1;
	--main-link-border-hover: #000000;
	--profile-border: #f0f0f0;
	--navigation-button-border: #e4e4e4;
	--navigation-button-background: ;
	--navigation-button-border-hover: #000000;
	--navigation-button-background-hover: #000000;
	--navigation-text: #8c8c8c;
	--navigation-text-hover: #f0f0f0;
	--heading-color: #009900;
	--button-border: #e4e4e4;
	--button-background: ;
	--button-border-hover: #000000;
	--button-background-hover: #000000;
	--button-text: #8c8c8c;
	--button-text-hover: #f0f0f0;
	--hr: #f0f0f0;
	--blockquote-border: #000000;
	--blockquote-background: ;
	--blockquote-text: #4d4d4d;
	--code-border: #e4e4e4;
	--code-background: #fafafa;
	--pre-border: #e4e4e4;
	--pre-background: ;
	--note: #FFF9C4;
	--alert: #FAD2D2;
	--aside: #F5F5F5;
	--callout: #DDEBF7;
	--conversation-background: ;
	--comment-border: #e4e4e4;
	--footnotes: #8c8c8c;
	--footnote-super: #000000;
	--page-fold: #F5F5F5;
	--video-placeholder: #fafafa;
	--comment-form-background-color: #fafafa;
	--comment-form-border-color: #fafafa;
	--shared-note: #FFF9C4;
	--red-text: #ff0000;
	--highlight: #FFFF00;
}

:footer {

--background-color: #FFFF00;

}

.title {

font-size: 1.5em;
color: #009900;
letter-spacing: 0.08em;
padding: 0;
margin: 0:

}

.description, .radiate, .author {

font-size: 1em;
color: #000099;
padding: 0;
margin: 0:

}

.radiate {

font-weight: bold;

}

.author {

padding-bottom: 4em;

}

p.HeaderImageAbout {

text-align: center;
font-weight: normal;
font-size: 0.8em;

}