@import url("/css/style1.css");

:root { --page-background: #101b2c; --text-color: #f4eddd; --accent-color: #d6b66f; --font-family: "Palatino Linotype", Palatino, "Baskerville Old Face", serif; --button-background: #a17d3d; --button-border: 1px solid #d6b66f; }
body { background: radial-gradient(ellipse at top, #263850, transparent 42rem), #101b2c; }
main > nav { border-color: #8a7147; border-radius: 0.4rem; background: #152338; }
main > nav a, .card-header, .p-card-header, #contact-name { color: #e3c985; }
main > nav a:hover, main > nav a:focus-visible { background: #3a3540; color: #fff1bd; }
.home-hero { border: 1px solid #d6b66f; border-radius: 0.4rem; background: linear-gradient(135deg, #14253a, #59472f); box-shadow: 0 0.8rem 2.5rem #0008; }
.char-card, .project-card, #about-div, #project-div, #contact-name, .talk-text, #email, #instagram, #linkedin, .intro-text { border-color: #65573e; border-radius: 0.4rem; background: #18263a; }
a { color: #e9ca82; }
button, #switch-theme { border-color: #e3c985; background: #a17d3d; }
.home-hero #switch-theme { background: #f4eddd; color: #293247; }