/* Warm ivory visual layer. White design remains available through the theme picker. */
:root {
 --bg:#fbf6ee;--panel:#fffdf9;--panel2:#f8f1e7;--stroke:#e9ddce;
 --white:#20283a;--muted:#6c7180;--purple:#806bce;--teal:#158d82;
}
body {background:#fbf6ee;color:#22283b}
.app,.main{background:#fbf6ee}
.side {background:#fdf9f2;border-right-color:#ebdfce}
.logo strong{color:#24283b}
.logo small,.nav-kicker{color:#8b8378}
.nav button{color:#6f6c79}
.nav button.active{background:#f4eee5;border-color:#e4d6c4;color:#6854bd}
.nav button:hover{background:#f7efe4}
.side-bottom {background:#fffaf3;border-color:#e6d8c5}
.side-bottom p{color:#716f78}
.breadcrumbs {color:#8c8277}
.topbar{border-bottom-color:#ebe0d1}
.circle-btn {background:#fffaf4;border-color:#e6daca}
.hero {
 background:radial-gradient(ellipse at 77% 42%,#f2ebff 0%,transparent 53%),
 radial-gradient(ellipse at 91% 90%,#eaf8f3 0%,transparent 44%),
 linear-gradient(135deg,#fffdf9,#f7ecdc);
 border-color:#e8dac9;
 box-shadow:0 16px 50px #93765716;
}
.hero h1{color:#202438}
.hero h1 em{
 background:linear-gradient(110deg,#7d67cb,#9c79ca 48%,#219d95);
 -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero p{color:#626878}
.eyebrow{color:#88704f}
.timechip{background:#fffaf4ed;border-color:#e2d5c4}
.timechip b{color:#278c82}
.orbitcore{background:radial-gradient(ellipse,#e8d9fc65 0%,#fff1dfae 46%,transparent 75%)}
.hero-foot{color:#7d7a84}
.btn.secondary{background:#fffaf4;color:#494358;border-color:#e4d9c9}
.btn.dark{background:#f7f0e6;color:#6953b2;border-color:#e8dac7}
.btn.dark:hover,.btn.secondary:hover{background:#f3ebdf}
.stat,.stats .stat,.glass,.price{
 background:#fffdf9;border-color:#e9ddce;box-shadow:0 7px 28px #7c62430a
}
.stat small,.section-title p,.glass p{color:#777481}
.stat strong,.glass h3,.section-title h2,.price h3,.price .amount{color:#23273b}
.eyelabel,.section-title .pill{color:#83766d}
.pill{background:#f7efe5;border-color:#ebdac8;color:#896b48}
.frame{background:radial-gradient(circle at 50% 43%,#f2eaff,#fcf7f0 56%,#fffdf9);border-color:#e9dccc}
.frame:after{box-shadow:inset 0 0 52px #fff5eb85}
.frame-text{color:#6b6c7d}
.frame-year,.mini span{background:#fffaf5f0;border-color:#e6dacb;color:#6152a3}
.slider-row{color:#6b6c7b}
.mini{background:#fff8ed;border-color:#e5d8c9}
.upload-pad{background:#fbf6ef;border-color:#cdbba6}
.upload-pad:hover{background:#f2fbf6;border-color:#7ac3b5}
.file-icon{background:#f4eddf;color:#7e67c6;border-color:#e6d8c6}
.upload-pad strong{color:#3c3e52}
.upload-pad span{color:#777784}
.listline{background:#fffaf5;border-color:#e9dece}
.listline b{color:#303548}
.listline small{color:#7b7984}
.info,.privacy{background:#f0f8f2;border-color:#d7e8d9;color:#2b725d}
.timelinehint,.muted,.tipline{color:#767783}
.footer{border-top:1px solid #ece1d3;color:#8c8376}
.footer span{color:#8c8376}
.modal {background:#fffaf5;border-color:#e5d9c9}
.modal h2{color:#24263a}
.modal p,.lab{color:#6c6c7c}
.field,.modal input[type=file]{background:#fffdf9;color:#24283a;border-color:#e6daca}
.field::placeholder{color:#a9a19a}
.dialog{background:#55483375}
.room{background:radial-gradient(ellipse at 50% 45%,#f4edff,#fbf4e9 64%,#fffaf5);border-color:#e5d8c7}
.room .portal-arch{border-color:#a897de;box-shadow:0 0 55px #bcacf261,inset 0 0 70px #fff3e083}
.room-label{color:#6250b0}
.room-bottom{color:#676a78}
.selfcard{border-color:#c5b3ed;background:linear-gradient(150deg,#ede4fd,#f8efe4)}
.selfcard .age-tag{color:#41445c;background:#fffaf3ee}
.price.highlight{background:linear-gradient(140deg,#f9f5ff,#fffaf3 65%);border-color:#bcaae5}
.price small,.price p{color:#787584}
.toast{background:#fffaf4;border-color:#e5d9c7;color:#293044}
.tinybtn{background:#fff2f5;border-color:#efdae3;color:#b4567b}
@media(max-width:780px){
 .side{background:#fdf9f3f9;border-bottom-color:#e9dece}
 .nav button.active{background:#f4eee5}
 .hero{background:radial-gradient(circle at 86% 78%,#f4edff,transparent 52%),linear-gradient(150deg,#fffdf9,#f8efdf)}
}