/* UX FINAL: no gradients, readable states, solid modern palette */
:root{--bg:#151832;--panel:#1d213d;--panel-2:#242945;--line:#3a4268;--text:#f8fafc;--muted:#cbd5e1;--cyan:#5eead4;--blue:#93c5fd;--yellow:#facc15;--ink:#111827;--light-bg:#f6fbff;--light-panel:#ffffff;--light-panel-2:#eaf3f8;--light-line:#c9d7e3;--light-text:#172033;--light-muted:#475569}
/* readable text highlight: no block gradients, no covering text */
.highlight{display:inline!important;position:relative!important;background:none!important;background-image:none!important;-webkit-text-fill-color:currentColor!important;color:var(--cyan)!important;font-weight:800!important;text-shadow:none!important;filter:none!important;padding:0!important}.highlight::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-2px!important;height:2px!important;background:var(--cyan)!important;border-radius:2px!important;opacity:.85!important;z-index:0!important;box-shadow:none!important;transform:none!important}.hero-description,.hero-subtitle{color:var(--muted)!important}.hero-description .highlight:nth-of-type(even),.hero-subtitle .highlight:nth-of-type(even){color:var(--blue)!important}.hero-description .highlight:nth-of-type(even)::after,.hero-subtitle .highlight:nth-of-type(even)::after{background:var(--blue)!important}
/* cohesive buttons */
.social-icon,.contact-btn{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}.social-icon:hover,.contact-btn:hover{background:#263052!important;border-color:var(--cyan)!important;color:var(--cyan)!important;transform:translateY(-3px)!important}.contact-btn:hover span{color:var(--cyan)!important}
/* top tech badges: solid, tasteful, JS changes solid colors */
.tech-badge{background:var(--panel)!important;color:var(--text)!important;border:2px solid #d8def0!important;box-shadow:4px 4px 0 rgba(0,0,0,.55)!important;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important}.tech-badge:hover{transform:translateY(-4px)!important;box-shadow:5px 6px 0 rgba(0,0,0,.55)!important}.tech-badge i{color:currentColor!important}
/* creative skills: readable hover, solid color, all cards consistent */
.skill-category{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important}.skill-category h3{color:var(--text)!important}.skill-category:hover{background:var(--yellow)!important;color:var(--ink)!important;border-color:var(--yellow)!important;transform:translateY(-5px)!important;box-shadow:6px 7px 0 rgba(0,0,0,.55)!important;animation:none!important}.skill-category:hover h3{color:var(--ink)!important}.skill-category .skill-item{background:#151832!important;color:var(--text)!important;border:1px solid #d8def0!important;box-shadow:3px 3px 0 rgba(0,0,0,.55)!important;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important}.skill-category:hover .skill-item{background:#ffffff!important;color:var(--ink)!important;border-color:var(--ink)!important}.skill-item:hover{background:var(--cyan)!important;color:var(--ink)!important;border-color:var(--cyan)!important;transform:translateY(-3px)!important}
/* project cards/buttons: interactive but clean */
.project-card{background:var(--panel)!important;border:1px solid var(--line)!important;transition:transform .12s ease-out,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important}.project-card:hover{background:#202746!important;border-color:#52608e!important}.project-tags span{background:#151832!important;color:var(--text)!important;border:1px solid #d8def0!important;transition:background-color .16s ease,color .16s ease,transform .16s ease!important}.project-tags span:hover{background:var(--cyan)!important;color:var(--ink)!important;transform:translateY(-2px)!important}.project-icon{cursor:pointer!important;will-change:transform;transition:none!important}.project-card.icon-running .project-icon{transition:none!important}.project-card::before{display:none!important}
/* light theme: no grey wash, clear surfaces */
body:not(.dark-theme){background:var(--light-bg)!important;color:var(--light-text)!important}body:not(.dark-theme) .hero,body:not(.dark-theme) .tech-stack,body:not(.dark-theme) .about,body:not(.dark-theme) .work,body:not(.dark-theme) .skills,body:not(.dark-theme) .languages,body:not(.dark-theme) .interests,body:not(.dark-theme) .contact{background:var(--light-bg)!important}body:not(.dark-theme) .hero-title,body:not(.dark-theme) h1,body:not(.dark-theme) h2,body:not(.dark-theme) h3{color:var(--light-text)!important}body:not(.dark-theme) p,body:not(.dark-theme) .hero-description,body:not(.dark-theme) .hero-subtitle{color:var(--light-muted)!important}body:not(.dark-theme) .highlight{color:#0f766e!important}body:not(.dark-theme) .highlight::after{background:#0f766e!important}body:not(.dark-theme) .floating-nav{background:rgba(255,255,255,.9)!important;border-color:var(--light-line)!important}body:not(.dark-theme) .floating-nav .nav-item{color:var(--light-text)!important}body:not(.dark-theme) .theme-toggle,body:not(.dark-theme) .lang-toggle{background:var(--light-text)!important;color:#fff!important}body:not(.dark-theme) .skill-category,body:not(.dark-theme) .project-card,body:not(.dark-theme) .about-content,body:not(.dark-theme) .language-card,body:not(.dark-theme) .interest-item,body:not(.dark-theme) .contact-card{background:var(--light-panel)!important;color:var(--light-text)!important;border-color:var(--light-line)!important;box-shadow:0 14px 40px rgba(23,32,51,.10)!important}body:not(.dark-theme) .skill-category h3{color:var(--light-text)!important}body:not(.dark-theme) .skill-category:hover{background:var(--yellow)!important;color:var(--ink)!important;border-color:#eab308!important;box-shadow:6px 7px 0 rgba(23,32,51,.18)!important}body:not(.dark-theme) .skill-category:hover h3{color:var(--ink)!important}body:not(.dark-theme) .skill-category .skill-item,body:not(.dark-theme) .project-tags span,body:not(.dark-theme) .tech-badge{background:var(--light-panel-2)!important;color:var(--light-text)!important;border-color:#91a4b7!important;box-shadow:3px 3px 0 rgba(23,32,51,.16)!important}body:not(.dark-theme) .skill-category:hover .skill-item{background:#fff!important;color:var(--ink)!important;border-color:var(--ink)!important}body:not(.dark-theme) .skill-item:hover,body:not(.dark-theme) .project-tags span:hover{background:#5eead4!important;color:var(--ink)!important}body:not(.dark-theme) .social-icon,body:not(.dark-theme) .contact-btn{background:var(--light-panel)!important;color:var(--light-text)!important;border-color:var(--light-line)!important}body:not(.dark-theme) .social-icon:hover,body:not(.dark-theme) .contact-btn:hover{background:#e6fffb!important;color:#0f766e!important;border-color:#0f766e!important}.section-title::after{background:var(--yellow)!important}