/* Shared royal palette: restrained jewel accents on quiet, legible surfaces. */
:root,:root[data-theme="dark"]{color-scheme:dark;--bg:#0d1327;--surface:#161f38;--line:#303b57;--text:#f3f1eb;--muted:#b2bbcf;--sapphire:#9eb5ff;--amethyst:#c6b1f2;--jade:#8fd6cb;--gold:#dfc18a;--rose:#e6aec4;--mint:var(--sapphire);--soft:#1b2949;--shadow:0 12px 36px #03071524;--button-ink:#0d1327}
:root[data-theme="light"]{color-scheme:light;--bg:#faf9f6;--surface:#ffffff;--line:#dcdfe9;--text:#202b48;--muted:#59647b;--sapphire:#3454ae;--amethyst:#73529c;--jade:#256f6b;--gold:#896623;--rose:#9c4d70;--mint:var(--sapphire);--soft:#eef1fa;--shadow:0 12px 36px #202b4807;--button-ink:#fff}
#home{--mint:var(--sapphire)}#about{--mint:var(--amethyst)}#projects{--mint:var(--jade)}#experience{--mint:var(--gold)}#contact{--mint:var(--rose)}
body{background:var(--bg);color:var(--text)}body>header{padding-top:27px;padding-bottom:27px;border-bottom:1px solid var(--line)}.logo{letter-spacing:-.8px}.logo .accent,.footer-brand span{color:var(--gold)}
nav a{font-size:14px;transition:color .2s}nav a:hover{color:var(--text)}nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}nav a[href="#home"]{--mint:var(--sapphire)}nav a[href="#about"]{--mint:var(--amethyst)}nav a[href="#projects"]{--mint:var(--jade)}nav a[href="#experience"]{--mint:var(--gold)}nav a[href="#contact"]{--mint:var(--rose)}
.page>.kicker{display:inline-flex;align-items:center;gap:10px}.page>.kicker:before{content:"";width:22px;height:1px;background:var(--mint)}.kicker{font-weight:600}h1{font-weight:600}h2{letter-spacing:-.5px}.lead{color:var(--muted)}
.button{background:var(--mint);color:var(--button-ink);box-shadow:0 5px 15px color-mix(in srgb,var(--mint) 10%,transparent)}.button:hover{background:color-mix(in srgb,var(--mint) 86%,var(--text))}.secondary{color:var(--mint);background:color-mix(in srgb,var(--mint) 6%,var(--surface));border-color:color-mix(in srgb,var(--mint) 30%,var(--line))}.secondary:hover{background:color-mix(in srgb,var(--mint) 12%,var(--surface))}
.hero-art{position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--amethyst) 13%,transparent),transparent 70%);z-index:-1}.interest-strip{border-color:var(--line);color:var(--gold)}
.card,.company-card,form{box-shadow:var(--shadow);background:var(--surface)}.card{border-top:2px solid var(--mint)}.card:nth-child(1){--mint:var(--sapphire)}.card:nth-child(2){--mint:var(--amethyst)}.card:nth-child(3){--mint:var(--gold)}.cover{color:var(--mint);background:linear-gradient(135deg,color-mix(in srgb,var(--mint) 10%,var(--surface)),color-mix(in srgb,var(--mint) 3%,var(--surface)));border-color:color-mix(in srgb,var(--mint) 20%,var(--line));letter-spacing:1.6px}.card h2{color:var(--text)}
#about .role{padding:28px;margin:20px 0;background:color-mix(in srgb,var(--mint) 4%,var(--surface));border:1px solid var(--line);border-left:3px solid var(--mint);border-radius:16px}#about .role:nth-of-type(2){--mint:var(--sapphire)}#about .role:nth-of-type(3){--mint:var(--jade)}blockquote{border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--surface))}blockquote .kicker{color:var(--gold)}
.company-card{--mint:var(--sapphire);border-top:2px solid var(--mint)}.kamar-card{--mint:var(--gold)}.company-mark{background:color-mix(in srgb,var(--mint) 12%,var(--surface));color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 25%,var(--line))}.skills{margin-top:30px;padding:26px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--amethyst) 5%,var(--surface))}.skills .kicker{color:var(--amethyst)}
#contact form{border-top:2px solid var(--rose);box-shadow:var(--shadow)}input,textarea{background:var(--bg);border-color:var(--line)}input:focus,textarea:focus{border-color:var(--mint)}.site-footer{background:var(--surface)}.footer-socials .social-placeholder:first-child{--mint:var(--sapphire)}.footer-socials .social-placeholder:last-child{--mint:var(--amethyst)}.social-icon{background:color-mix(in srgb,var(--mint) 7%,var(--surface));border-color:color-mix(in srgb,var(--mint) 20%,var(--line))}
.mini-launcher{background:var(--surface);border-color:color-mix(in srgb,var(--gold) 40%,var(--line));box-shadow:var(--shadow)}.mini-spark{background:var(--gold);color:var(--button-ink)}.mini-greeting{background:var(--surface);box-shadow:var(--shadow)}.mini-greeting strong{color:var(--gold)}#shirt stop:first-child{stop-color:var(--sapphire)}#shirt stop:last-child{stop-color:var(--amethyst)}
#sales-dialog{--mint:var(--gold);background:var(--bg);border-color:var(--line)}#sales-fill stop{stop-color:var(--gold)}.sales-stats>div:first-child strong{color:var(--sapphire)}.sales-stats>div:nth-child(2) strong{color:var(--amethyst)}.sales-gain{color:var(--gold)}
#career-dialog{--mint:var(--sapphire);background:var(--bg);color:var(--text);border-color:var(--line)}.journey-header,.journey-details{background:var(--surface);border-color:var(--line)}.journey-header .kicker,.journey-details .kicker,.journey-details .milestone-date,.journey-cv{color:var(--sapphire)}.journey-details p,.journey-details ul{color:var(--muted)}.journey-details .journey-tip,.journey-cv{border-color:var(--line)}.journey-close,.detail-symbol{background:var(--soft);color:var(--sapphire);border-color:var(--line)}.journey-close:hover{background:color-mix(in srgb,var(--sapphire) 15%,var(--surface))}.journey-cv:hover{color:var(--gold)}#career-dialog button:focus-visible,#career-dialog a:focus-visible{outline-color:var(--sapphire)}.stop-caption{background:#3454ae;color:#fff}.map-stop strong{color:#202b48;background:#faf5e8}.store-stop .level-token{background:linear-gradient(135deg,#f4e6bf,#c9a35f)}
:root[data-theme="dark"] .map-landscape{filter:brightness(.68) saturate(.65) hue-rotate(20deg)}:root[data-theme="dark"] .future-node,:root[data-theme="dark"] .map-footnote,:root[data-theme="dark"] .stop-date{color:#f3f1eb}:root[data-theme="dark"] .career-map{background:#243c45}
#contact,:root[data-theme="light"] #contact{--mail-paper:color-mix(in srgb,var(--rose) 14%,var(--surface));--mail-ink:var(--rose);--machine-body:var(--surface);--machine-top:color-mix(in srgb,var(--amethyst) 20%,var(--surface));--machine-slot:var(--soft)}.printer-body{stroke:var(--amethyst)}.printer-top{stroke:var(--amethyst)}.printer-led,.printer-sparkles{color:var(--gold)}.printer-led{fill:var(--gold)}.printer-sparkles{stroke:var(--gold)}.printer-signal{stroke:var(--sapphire)}.print-mail-button{border-color:color-mix(in srgb,var(--rose) 40%,var(--line))}.contact-floating-mail rect{fill:var(--rose)}
#about .mail-link svg g{stroke:var(--amethyst)}#about .mail-link svg g>path:not([fill="none"]){fill:color-mix(in srgb,var(--amethyst) 20%,var(--surface))}#about .mail-link svg rect{fill:color-mix(in srgb,var(--amethyst) 40%,var(--surface))}#about .mail-link svg g>path:last-child{fill:var(--amethyst)}
@media(max-width:700px){body>header{padding-top:22px;padding-bottom:22px}#about .role{padding:22px}.skills{padding:22px}}
