/* One shared palette for the homepage, project pages and dialogs. */
:root{
  color-scheme:light;
  --bg:#f4f7f6;--panel:#ffffff;--line:#dbe4e1;
  --text:#1b302e;--muted:#5f6e69;--green:#17796b;
  --accent-hover:#106457;--surface-soft:#eaf1ee;--ink-subtle:#526762;
  --bamboo-shadow:18,76,69;--bamboo-light:22,133,114;--bamboo-point:#08796b70;
  --bamboo-fallback-near:#369c89;--bamboo-fallback-far:#14594e;
}
body{background:var(--bg);color:var(--text)}
::selection{background:#cce9de;color:#183e32}
.muted{color:#70827d}.skip-link{background:var(--green);color:white}
.site-header,.project-page .site-header{background:#f9fcfaed;border-bottom-color:var(--line)}
.brand-en,.brand-words small{color:#6c7f78}
.desktop-nav a{color:#50655d}.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}
.nav-contact{border-color:#ccdcd5;background:#ffffff80;color:#234d40}
.nav-contact:hover{background:#e5f0ea}
.mobile-nav{background:#f9fcfa;border-color:var(--line)}
.mobile-nav a{color:#395449}.mobile-nav button{color:var(--green)}
.eyebrow{color:#566f64}.eyebrow-separator{color:#a9beb4}
.status-dot{box-shadow:0 0 0 4px #17796b0b}
.hero-description{color:var(--muted)}
.button-primary{background:var(--green);color:#fff;box-shadow:0 4px 13px #17796b12}
.button-primary:hover{background:var(--accent-hover)}
.button-text{color:#446258}.button-text:hover{color:var(--green)}
.button-secondary{border-color:#b7cec3;background:#fff;color:#30624f}
.button-secondary:hover{background:#eaf3ed}
.hero-bottom{color:#506e5d}.hero-bottom small{color:#718577}.tiny-bamboo{color:#558e73}
.hero-art::before{background:radial-gradient(ellipse,#b9e3ce50 0,transparent 68%)}
.hero-art::after{background-image:linear-gradient(#28795b12 1px,transparent 1px),linear-gradient(90deg,#28795b12 1px,transparent 1px)}
.orbit{border-color:#629a791f}.art-coordinate{color:#6c8373}.art-cross{color:#92ae9c}
.floating-label{color:#34725a;background:#ffffffdf;border-color:#c9e0d3;box-shadow:0 5px 18px #174c3210}
.art-caption{color:#6a8371}.art-caption-line{background:#c3d6c9}
.scroll-cue{color:#748877}.scroll-mouse{border-color:#9eb9a8}
.belief-strip{background:#eaf1ed;border-color:#d5e2d9}.belief-strip .container{color:#5f7567}.strip-star{color:#6d967c}
.section-kicker{color:#527a63}.section-index{color:#738678}.section-side-note{color:#7a8e7d}
.filter{color:#607967}.filter.active{background:#e2eee5;border-color:#c5dbc9;color:#27643e}
.product-card{--product-tone:#247650;--product-soft:#edf5ee;--product-rgb:36,118,80;--card-surface:#fff;background:#fff;border-color:#d9e4db;box-shadow:0 5px 15px #253c2a03}
.cooking-card{--product-tone:#956334;--product-soft:#faf2e8;--product-rgb:149,99,52;--card-surface:#fff}
.wallpaper-card{--product-tone:#746091;--product-soft:#f3eef8;--product-rgb:116,96,145;--card-surface:#fff}
.community-card{--product-tone:#396c8d;--product-soft:#edf4f8;--product-rgb:57,108,141;--card-surface:#fff}
.product-card:hover{border-color:var(--product-tone);box-shadow:0 14px 30px #17362b0b}
.product-card .product-label,.product-card .card-copy>p{color:#647b69}
.product-card .product-tags span{color:#6a806f;border-color:#d1dfd4}
.product-card .card-link{color:var(--product-tone)}
.product-card .card-number{color:#829985}
.product-stage{background:radial-gradient(ellipse at 70% 45%,rgba(var(--product-rgb),.08),transparent 70%),var(--product-soft)}
.qingji-icon{background:#e0efe4;color:#2f7850;border-color:#bad7c3}
.cooking-icon{background:#f7e9d8;color:#916031;border-color:#ead0ac}
.wallpaper-icon{background:#ede4f5;color:#755790;border-color:#d9c7e7}
.community-icon{background:#e2eef5;color:#3d6f8f;border-color:#c1d8e6}
.qingji-preview{background:#fbfdfb;border-color:#d4e3d8;box-shadow:0 15px 36px #244d321c;color:#2b4533}
.mini-window-bar{background:#edf4ee;border-color:#d7e3d8;color:#6c7e6e}
.task-progress{color:#6f8374}.task-progress>span:first-child{color:#3b6d4d}.task-progress b{background:#dfede1}
.preview-task{border-color:#e2ebe3}.task-checkbox{border-color:#a8c5ae}
.quick-add{background:#eaf3eb;color:#768b79}
.recipe-paper{background:#fffcf7;box-shadow:0 15px 35px #694b311a}
.recipe-paper-top{color:#927155}.recipe-info p,.recipe-meta{color:#94755a}
.design-window{background:#fcfafd;border-color:#e2d8e9;box-shadow:0 15px 35px #49375c18;color:#7a668a}
.design-top{background:#f2edf6;border-color:#e2d9e9;border-radius:8px 8px 0 0}
.community-window{background:#fbfdff;border-color:#d6e3ee;box-shadow:0 18px 38px #29455f19;color:#3e5b74}
.community-pinned{background:#eaf2f8;color:#6c889e}.community-chips span{background:#ecf3f8}
.product-footnote{color:#6a806d}.product-footnote>span:first-child{color:#426b4b}
.services-section{background:#fff;border-color:#dce6df}
.service-intro>p,.service-item p{color:#6a7d6e}
.service-list,.service-item{border-color:#d7e3db}.service-number{color:#7a927f}
.service-item button{border-color:#cbded0;color:#347249;background:#f5faf6}.service-item button:hover{background:#e4f0e7}
.about-section{background:var(--bg);border-color:#dbe6df}.about-caption{color:#637d6b}.about-intro p{color:#657b6c}
.about-stats{border-color:#d1e1d5}.about-stats strong{color:#386f49}.about-stats span{color:#6e8574}
.principles article{border-color:#d3e0d7}.principle-number{color:#819986}.principles h3 span{color:#829484}.principles p{color:#6e8374}.principle-icon{color:#71a181}
.lab-status{color:#6d8474}
.lab-card{background:#fff;border-color:#d8e3da;box-shadow:0 5px 15px #1c362503}
.lab-card:hover{border-color:#7eaa88}.lab-card-top{color:#708976}.lab-badge{background:#edf6ef;color:#507856;border-color:#cce1d0}
.lab-description{color:#6e8171}.lab-link{color:#35724b}
.focus-illustration{border-color:#b9d2c0;box-shadow:inset 0 0 0 9px #e4f1e75c;background:#f7fcf8}
.focus-illustration::before{border-color:#6c9f79;border-left-color:#cbded0;border-bottom-color:#cbded0}
.focus-illustration>span{color:#41744d}.focus-illustration>span span{color:#7ca184}
.inspiration-lab{background:#fcfaff;border-color:#e3dce9}.inspiration-lab:hover{border-color:#aa95bc}
.inspiration-lab .lab-badge{background:#f3edf8;color:#80658f;border-color:#ddcfe8}
.inspiration-lab .lab-description{color:#8a7995}.inspiration-lab .lab-link{color:#80628f}
.inspiration-illustration i{border-color:#b49bc980;background:#e6d9ef80}
.inspiration-illustration i:nth-child(2){background:#d9c5e6a0}.inspiration-illustration i:nth-child(3){background:#eee4f6b0}
.inspiration-illustration>span{color:#9273a9}
.contact-panel{background:linear-gradient(115deg,#1b3930,#233e32);border-color:#325d42;box-shadow:0 14px 30px #1a37230b;color:#f3f8f1}
.contact-panel::before{background:repeating-linear-gradient(-45deg,transparent 0 58px,#bdd5ad20 58px 59px)}
.contact-panel .accent{color:#c8ddab}.contact-copy .section-kicker{color:#a0bba0}
.contact-copy p,.contact-actions>span{color:#bdcdb9}.contact-orb{color:#a8c58226}
.contact-panel .button-primary{background:#e7efdc;color:#2b5832;box-shadow:none}.contact-panel .button-primary:hover{background:#f3f9e9}
.footer-brand .brand-words small,.footer-links{color:#6d8371}.back-top{border-color:#c9dccd;color:#5f8065;background:#ffffffb0}
.footer-bottom{border-color:#d4e3d8;color:#7d8e7f}.footer-made span{color:#6c9772}
.detail-dialog{background:#fff;border-color:#c8dacf;box-shadow:0 25px 100px #172f2940}
.detail-dialog::backdrop{background:#17362b59;backdrop-filter:blur(7px)}
.dialog-close{color:#778b7d}.dialog-kicker{color:#63866c}.detail-dialog h2{color:var(--text)}
.dialog-description{color:#607867}.dialog-feature{background:#f2f7f1;border-color:#d5e4d3}
.dialog-feature strong{color:#3f6945}.dialog-feature p{color:#728571}
.dialog-note{border-color:#d8e5d8;color:#718573}.dialog-demo-label,.demo-progress{color:#6d8973}
.demo-task{background:#f4f8f3;border-color:#d0e2d0;color:#48684a}.demo-task:has(input:checked)>span{color:#91a491}
.focus-duration button{border-color:#c9ddcc;color:#6b866d;background:#f8fbf7}
.focus-duration button.active{background:#e2efdf;color:#407449;border-color:#88b292}
.timer-face{border-color:#bad4bd;background:radial-gradient(circle,#e6f2e2,transparent 75%)}
.timer-digits{color:#377847}.timer-state{color:#6a8a6e}
.contact-method{background:#f2f7f1;border-color:#d0e2d0}.contact-method>span{color:#6f8d73}
.contact-method a,.contact-method strong{color:#3c7548}.contact-method button{color:#54885e}
.inquiry-form label{color:#5d7b62}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#fbfdf9;border-color:#c7dcc9;color:#36583b}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#90a493}.inquiry-form small{color:#78907b}
.toast{background:#eaf5e5;border-color:#a2c6a0;color:#3b7142;box-shadow:0 10px 30px #19362617}

/* Project colors are accents on a neutral canvas, not full-page backgrounds. */
.project-page{--project-accent:#247650;--project-tint:#588565;--project-rgb:36,118,80;--green:var(--project-accent);--accent-hover:#1a603e}
.project-cooking{--project-accent:#956334;--project-tint:#9c7956;--project-rgb:149,99,52;--accent-hover:#7b4d22}
.project-wallpaper{--project-accent:#746091;--project-tint:#88789e;--project-rgb:116,96,145;--accent-hover:#5f4c7d}
.project-community{--project-accent:#396c8d;--project-tint:#64849b;--project-rgb:57,108,141;--accent-hover:#2a5673}
.project-breadcrumb{color:#7b8b7e}.project-breadcrumb [aria-current]{color:#4e6955}
.project-identity{color:#6c8072}.project-identity small{color:#859688}.project-description{color:#607969}
.project-tags span{background:rgba(var(--project-rgb),.04);border-color:rgba(var(--project-rgb),.2)}
.project-showcase{background:radial-gradient(ellipse at 50% 48%,rgba(var(--project-rgb),.08),transparent 67%),#ffffff;border-color:#d5e1d9;box-shadow:0 12px 35px #173c2710}
.project-showcase::before{border-color:rgba(var(--project-rgb),.12);box-shadow:0 0 0 38px rgba(var(--project-rgb),.02),0 0 0 80px rgba(var(--project-rgb),.015)}
.project-showcase .product-stage{background:none}
.project-visual-label>span:last-child{color:#829486}.project-showcase figcaption{color:#788f7d}
.feature-card{background:#fff;border-color:#d7e3dc;box-shadow:0 4px 10px #1d3c2803}
.feature-card-top span{color:#8c9e8e}.feature-card p{color:#687e6b}
.project-scenarios{background:#edf3ee;border-color:#d8e5d9}.scenario-heading>p{color:#748879}
.scenario-grid p{color:#6c826f}.project-flow{border-color:#cedfd0}.project-flow li{color:#597860}.project-flow i{color:#8bac91}
.project-start-panel{background:linear-gradient(115deg,rgba(var(--project-rgb),.045),#fff 75%);border-color:#d4e2d7}
.project-platform,.project-entry-note{color:#718975}.project-contact>p{color:#6b846f}
.project-contact-row{border-color:#d7e4d8}.project-contact-row>span{color:#7d957f}
.project-contact-row strong,.project-contact-row a{color:#42694a}
.project-contact-row button{border-color:#c9dec9;background:#eff6eb;color:var(--project-accent)}
.project-related>div{color:#6f8773}.project-related>div>span{color:#8b9d8d}
.project-footer{border-color:#d5e3d7;color:#7f9382}
.product-card .card-copy>p,.section-heading p,.service-intro>p,.service-item p,
.about-intro p,.principles p,.lab-description,.inspiration-lab .lab-description,
.dialog-description,.dialog-feature p,.dialog-note,.inquiry-form small,
.project-description,.feature-card p,.scenario-heading>p,.scenario-grid p,
.project-platform,.project-entry-note,.project-contact>p{color:var(--muted)}
.contact-method>span,.project-contact-row>span{color:#617563}
.brand-en,.brand-words small,.footer-links,.footer-brand .brand-words small,
.footer-bottom,.project-footer{color:#627568}
@media(max-width:740px){.project-contact{border-top-color:#d5e3d5}}