.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:13px;line-height:20px;white-space:nowrap;padding:10px 14px;cursor:pointer;flex-shrink:0}.theme-toggle[hidden]{display:none}.theme-toggle svg{width:18px;height:18px}.theme-toggle:hover{border-color:var(--ink)}.theme-moon{display:none}
:root[data-theme=light]{color-scheme:light;--bg:#faf9f6;--panel:#f0efeb;--line:#d5d8db;--ink:#17232d;--muted:#53616b}
[data-theme=light] .header{background:#faf9f6f5}
[data-theme=light] .accent,[data-theme=light] .hero h1 span,[data-theme=light] .eyebrow,[data-theme=light] .service .note,[data-theme=light] .timeline-item .label,[data-theme=light] .step span,[data-theme=light] .article a,[data-theme=light] .project .arrow{color:#806000}
[data-theme=light] .brand-icon,[data-theme=light] .ribbon,[data-theme=light] .contact{color:#17232d}
[data-theme=light] .contact .button{background:#17232d;color:#fff}
[data-theme=light] .contact .button:hover{background:#2e414f}
[data-theme=light] nav a:hover{color:#806000}
[data-theme=light] .hero-portrait{border-color:#d5d8db;box-shadow:0 16px 40px #17232d12}
[data-theme=light] .hero-portrait figcaption{background:var(--panel);border-color:var(--line)}
[data-theme=light] .skills span{border-color:var(--line)}
[data-theme=light] .filters button[aria-pressed=true]{color:#17232d}
[data-theme=light] .theme-sun{display:none}
[data-theme=light] .theme-moon{display:block}
[data-theme=light] a:focus-visible,[data-theme=light] button:focus-visible,[data-theme=light] summary:focus-visible{outline-color:#806000}
[data-theme=light] ::selection{background:#f5d547;color:#17232d}
@media(max-width:1199px){.header-inner{gap:16px}.header .button{display:none}}
@media(max-width:900px){.theme-toggle span{display:none}.theme-toggle{padding:10px}.header-inner{gap:12px}}
@media(max-width:700px){.theme-toggle{margin-left:auto}.menu-button{order:4}}
@media print{.theme-toggle{display:none}}