:root{--background:#fff;--text:#4b4b4b;--heading:#b46279;--link:#b46279;--link-hover:#9e5b74;--button-bg:#f7d1cd;--button-text:#5c3d44;--card-bg:#fff3f2;--border:#e5c7c2;--email-color:#7a557e;--linkedin-color:#0a66c2;--github-color:#4d4c4c;--codepen-color:#98989a;--freecodecamp-color:#2f5c04;--codingame-color:#f2bb13;--hackerrank-color:#02e963;--labo-color:#825a40}body.dark{--background:#0b1220;--text:#e6f0ff;--heading:#60a5fa;--link:#60a5fa;--link-hover:#93c5fd;--button-bg:#1e3a8a;--button-text:#e6f0ff;--card-bg:#18243d;--border:#2b3b62;--email-color:#a5bffb;--linkedin-color:#0a66c2;--github-color:#d6cfcf;--codepen-color:#c7cbd3;--freecodecamp-color:#83a860;--codingame-color:#ffd966;--hackerrank-color:#02e963;--labo-color:#22d3ee}
body{background-color:var(--background);color:var(--text-primary);font-family:Pacifico,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3{color:var(--titles)}a{color:var(--links)}button{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;transition:background-color .3s,color .3s}button:hover{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-bg)}.title{color:var(--heading);margin-bottom:1.5rem;font-family:Playwrite HU,serif;font-size:2rem}