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

:root { color-scheme: dark; --page-background: #071d2b; --text-color: #d9f3f4; --accent-color: #43d5d0; --font-family: "Aptos", sans-serif; --button-background: #087c86; --button-border: 1px solid #43d5d0; }
body { background: radial-gradient(ellipse at 50% 0, #0d5262, transparent 40rem), #071d2b; }
main > nav { border-color: #17606c; background: rgb(7 34 47 / 94%); }
main > nav a, .card-header, .p-card-header, #contact-name { color: #76e4dd; }
main > nav a:hover, main > nav a:focus-visible { background: #104956; color: white; }
.home-hero { border: 1px solid #258c94; background: linear-gradient(145deg, #0a4051, #087f82 60%, #3b8c81); }
.char-card, .project-card, #about-div, #project-div, #contact-name, .talk-text, #email, #instagram, #linkedin, .intro-text { border-color: #194654; background: #0c2b3a; box-shadow: 0 0.7rem 2rem #020d16aa; }
a { color: #67d4ec; }
button, #switch-theme { border-color: #43d5d0; background: #087c86; }
.home-hero #switch-theme { background: #d9f3f4; color: #07505b; }