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

:root { --page-background: #eaf2f8; --text-color: #183b5b; --accent-color: #1976b8; --font-family: Consolas, monospace; --button-background: #1976b8; --button-border: 1px solid #1976b8; }
body { background-color: #eaf2f8; background-image: linear-gradient(#c9dcea 1px, transparent 1px), linear-gradient(90deg, #c9dcea 1px, transparent 1px); background-size: 2rem 2rem; }
main > nav { border-color: #b6d0e3; border-radius: 0.4rem; background: #f5faff; }
main > nav a, .card-header, .p-card-header, #contact-name { color: #155e95; }
main > nav a:hover, main > nav a:focus-visible { background: #d4e9f7; color: #0f456e; }
.home-hero { border: 1px solid #9dc7e1; border-radius: 0.4rem; background: linear-gradient(135deg, #17466c, #277eae); }
.char-card, .project-card, #about-div, #project-div, #contact-name, .talk-text, #email, #instagram, #linkedin, .intro-text { border-color: #bdd4e4; border-radius: 0.4rem; background: #f8fcff; box-shadow: 0 0.35rem 1.2rem #204b6a18; }
button, #switch-theme { border-radius: 0.4rem; }
.home-hero #switch-theme { color: #17466c; }