:root[data-theme=light]{--color-bg: #000000;--color-text: #ffffff;--color-primary: #007bff}:root[data-theme=dark]{--color-bg: #ffffff;--color-text: #000000;--color-primary: #0d6efd}body{margin:0;font-family:Arial,sans-serif;line-height:1.6;background-color:var(--color-bg);color:var(--color-text)}.header{background-color:#2f2f2f;color:#fff;padding:1rem 2rem;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border:#111111;border-bottom:4rem}.header nav a{margin-left:3rem;color:var(--color-text);text-decoration:none}.header nav a:hover{color:#fff}.hero{padding:4rem 2rem;color:var(--color-text);text-align:center}.section{padding:4rem 2rem;max-width:800px;margin:0 auto;color:var(--color-text)}.linkedin{width:3%;height:3%}.hexagon{width:300px;aspect-ratio:1 / 1;clip-path:polygon(25% 5.77%,75% 5.77%,100% 50%,75% 94.23%,25% 94.23%,0% 50%);overflow:hidden;background:#000;margin:0 auto;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.hexagon:hover{transform:scale(1.05)}.hexagon img{width:100%;height:100%;object-fit:cover}.projects li{margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.contact-form button{background-color:#007bff;color:var(--color-text);padding:.75rem;border:none;cursor:pointer;border-radius:4px}.contact-form button:hover{background-color:#0056b3}.footer{background-color:#222;color:var(--color-text);text-align:center;padding:2rem;margin-top:4rem}.theme-switcher{display:flex;gap:8px;margin-left:90%}.theme-button{padding:6px 12px;border:none;cursor:pointer;background-color:var(--color-bg);color:var(--color-text);border-radius:4px}.theme-button.active{font-weight:700;background-color:var(--color-primary);color:var(--color-text)}