/* VEHRKANA: Persian heritage, contemporary living.
   Light stone is the reading/work surface; forest and bronze are signatures.
   Explicit foreground/background pairs keep legacy component rules contained. */
:root{--ink:#24332b;--muted:#5b655b;--ivory:#f5f2eb;--paper:#fffdf8;--line:#d4ccbd;--bronze:#795834;--dark:#12271e;--soft:#ebe5d9;--forest:#173e2f;color-scheme:light}
body{background:var(--ivory);color:var(--ink)}
h1,h2,h3,h4{color:inherit}p{color:#536052}.fine{color:#5b655b;font-size:14px}.eyebrow{color:#795834}.text-link{color:#304f3d;border-color:#a99b83}
h1 em,h2 em{color:#82613e}button{color:inherit}input,select,textarea{color-scheme:light}
:focus-visible{outline:2px solid #8d612a;outline-offset:4px}
.button,.icon-button{color:#253b2d;background:transparent;border-color:#9caa98}
.button.dark{background:#173e2f;border-color:#173e2f;color:#fffaf0}
.button.bronze{background:#d0ad79;border-color:#d0ad79;color:#172b20}
.button:hover,.icon-button:hover{background:#e7e9df;border-color:#466443;color:#162d21}
.button.dark:hover{background:#285440;color:#fffaf0}.button.bronze:hover{background:#e1c599;color:#142a1f}
.button[disabled],button:disabled{opacity:.55}
/* Navigation moves from an image overlay to a quiet ivory bar. */
.site-header,.site-header.is-scrolled{background:#faf8f2f5;color:#23382b;border-color:#d4ccbd;box-shadow:none}
.site-header.is-scrolled{box-shadow:0 1px 0 #bdb49e66;backdrop-filter:blur(20px)}
.brand,.brand small{color:#5c452b}.brand b{color:#243a2c}.desktop-nav a{color:#334639}.header-finder{color:#3b513e}
.header-actions>.button{background:#173e2f;color:#fffaf0;border-color:#173e2f}
.menu-toggle{color:#203d2b;border-color:#a9b09f}
.home-page .site-header:not(.is-scrolled){background:linear-gradient(#04100dcc,transparent);color:#f5edda}
.home-page .site-header:not(.is-scrolled) :is(.brand b,.brand small,.desktop-nav a,.header-finder){color:#f3e6ca}
.home-page .site-header:not(.is-scrolled) .header-actions>.button{background:#d0ad79;color:#15291d;border-color:#d0ad79}
.home-page .site-header:not(.is-scrolled) .menu-toggle{color:#f3e6ca;border-color:#e5d6b078}
.site-header a[aria-current=page]{border-bottom-color:#86643e}
.mobile-nav{background:#f7f3eafb;color:#263c2e;backdrop-filter:blur(22px)}
.mobile-nav a{color:#263c2e;border-color:#cfc5b2}.menu-open .site-header{background:#f7f3ea!important}
.menu-open .site-header :is(.brand b,.brand small,.desktop-nav a,.menu-toggle){color:#263c2e!important}
/* Hero stays rich and forest-led; the collection gains space and light. */
.forest-hero .hero-copy,.forest-hero h1{color:#f5f0e2}.forest-hero h1 em{color:#e1c293}
.hero.forest-hero::after{content:none}.forest-hero .hero-bottom{z-index:2}
.forest-hero .hero-copy .eyebrow{font-size:10px;letter-spacing:.14em}
.forest-hero .hero-copy p{color:#edf0e4}.hero-secondary,.hero-bottom{color:#f1e9d6}
.hero-bottom span:nth-child(2){font-size:12px}.forest-hero .hero-actions .button{margin-top:0}
.heritage-band{background:#eae4d8;border-color:#d1c6b3;padding-block:52px}
.heritage-word{color:#6d5130}.heritage-band p{color:#535d50}.heritage-band strong{color:#233d2d;font-weight:600}
.heritage-band .text-link{color:#3a503c}.collection-section{background:#f8f5ee}
.section-head p{color:#586151}.collection-meta{border-color:#cfc5b3;padding-block:23px 26px}
.collection-meta h3{color:#263b2d;font-size:26px}.collection-meta p{color:#57614f;font-size:15px}
.card-arrow{color:#7a5934}.scene-location{display:block;font:500 14px/1.7 var(--sans);color:#795834;margin-top:13px}
.scene-location span{font-weight:400;color:#5f6859;font-size:12px}.collection-footnote{color:#626a5c}
.collection-card:focus-visible .photo{outline:2px solid #8d612a;outline-offset:5px}
.collection-card:hover .card-arrow{transform:translate(-4px,-4px)}.card-arrow{transition:transform .2s}
/* The screenshot regression: dark-section inherited a dark --ivory value.
   The section is now light, and the inset control panel owns its colors. */
.experience-section.dark-section{background:#e9e3d7;color:#253c2d;--ivory:#f5f2eb}
.experience-section.dark-section .section-head p,.experience-section.dark-section .fine{color:#53604f}
.experience-section.dark-section .section-head .eyebrow{color:#795834}
.room-tile{background:#f7f4ec;color:#2d4031;border:1px solid #adaf9f}
.room-tile img{opacity:1}.room-tile>span{color:#2b4030}.room-tile>small{color:#fff5df;background:#172b20dd}
.room-tile.active{border:2px solid #795834;box-shadow:0 0 0 2px #79583422;background:#e5e7da}
.room-tile:hover{border-color:#795834;background:#ececdf}
.demo-layout{border:0;background:#102d21;gap:0;box-shadow:0 15px 50px #23332912}
.demo-choices{background:#102d21;color:#f6efdf;--ink:#f6efdf;--ivory:#f6efdf;--muted:#cad6c6;--line:#5c7662;color-scheme:dark}
.demo-choices h3{color:#f6efdf;font-weight:600;font-size:27px}
.demo-choices .eyebrow{color:#e0bb83}.demo-choices button.choice{color:#e6eadd;background:transparent;border-color:#627462;font-size:17px;display:flex;justify-content:space-between;gap:15px;line-height:1.8}
.demo-choices button.choice.active{color:#f1d4a2;font-weight:650;border-color:#dfbb80}
.demo-choices button.choice:hover{color:#fff7e5;background:#1f4030}
.demo-choices .range-line,.demo-choices output{color:#e8eadc;font-size:15px}.demo-opening{padding-top:22px}
.demo-choices .button,.demo-choices .button.bronze{background:#d0ad79;color:#162c20;border-color:#d0ad79;font-size:16px}
.demo-choices .text-link{color:#dce5d4;border-color:#73876f;font-size:14px}.demo-choices :focus-visible{outline-color:#f3d29c}
.demo-view{background:#e1dfd3}.demo-view .scene-caption{background:#183425ed;color:#fff8e7;font-size:12px;max-width:calc(100% - 32px)}
/* Dark material feature provides a single visual pause between light chapters. */
.material-story{background:#192b24;color:#f4eddf;--ink:#f4eddf;--muted:#c9d0c0;--line:#667263;--ivory:#f4eddf}
.material-story p{color:#d4d9ca}.material-story .fine{color:#bac6b4}.material-story .eyebrow{color:#dfbc85}
.material-story .button{border-color:#baa781;color:#f0e3c7;background:transparent}.material-story .button:hover{background:#d0ad79;color:#142a1d}
.material-story-art{background:radial-gradient(ellipse,#3d4e39,#12231b)}.material-story-art>span{color:#e6c99d}
.mechanism-story{background:#f8f5ee}.mechanism-grid>a{background:#eee8dc;border-color:#d3c8b7}
.mechanism-grid h3{color:#273e2d}.mechanism-grid p{color:#505f4e}.fixed-glass-note{color:#46583f}
.mechanism-states{background:#132d20;padding:8px}.mechanism-states .fixed-glass-note{color:#e9eadb}
.project-path{background:#e8e4d8}.journey>a,.journey>div{border-color:#a6ac98}.journey h3{color:#2d402e}.journey p{color:#58614f}.journey .num{color:#7b5933}
.closing{background:linear-gradient(90deg,#10291ee8,#10291eed),url('/assets/forest-villa-v5.webp') center/cover;color:#f5ead4}
.closing h2,.closing .eyebrow{color:#f5ead4}.closing .button.bronze{background:#d0ad79;color:#142b1c;border-color:#d0ad79}
.site-footer{background:#12231c;color:#e4e9d9;--ivory:#e4e9d9;--ink:#e4e9d9;--muted:#bcc9b7;--line:#66715d}
.site-footer p,.site-footer .fine{color:#c1cdba}.site-footer .eyebrow{color:#d6b580}.footer-signature .latin{color:#e5cfab}.footer-links a,.feature-nav a{color:inherit}.site-footer a:hover{color:#f0d39c}
/* Editorial and tool pages share an ivory/stone foundation. */
.pagehead h1{color:#233d2d}.pagehead p{color:#586451}.breadcrumb{color:#626b5b}.breadcrumb a{color:#475e43}
.article{color:#304333}.article h2,.article h3{color:#2a432e}.article p,.article li{color:#4d5f4b}.article a:not(.button){color:#79552e}.article .button.dark{color:#fffaf0}.article .button{font-size:16px}
.article-hero{height:auto;max-height:680px;aspect-ratio:1.65;object-fit:cover}
.index-list a{border-color:#cfc6b6}.index-list h3{color:#2c432f}.index-list p{color:#5d6756}
.resource-card,.budget-card,.quote-card,.project-card{background:#fffdf8;color:#2e432f;border-color:#cec8b8}
.resource-card p,.budget-card p,.quote-card p,.project-card p{color:#56644f}.resource-card h2,.budget-card h2,.quote-card h2,.project-card h2{color:#30462f}
.source-panel,.hint-box,.tool-summary,.quote-intake{background:#e9e6db;color:#42563c;border-color:#a18b64}
.source-panel p,.hint-box p,.tool-summary p,.quote-intake p{color:#4d6046}.source-panel a{color:#76512b}
.advanced-panel{background:#f2eee4;border-color:#c6c5b3;color:#334c32}.advanced-panel p,.advanced-panel li{color:#506149;font-size:15px}
.field,.field span,.small-label{color:#4d6047}.field>span{font-size:15px}
.field input:not([type=range]):not([type=checkbox]),.field select,.field textarea,.workspace-form .field input:not([type=checkbox]):not([type=range]),.workspace-form .field select,.workspace-form .field textarea,.cost-editor input,.cost-editor select{background:#fffdf8;color:#2a402c;border:1px solid #8e9a81;font:16px/1.7 var(--sans);min-height:46px}
.field input::placeholder,.field textarea::placeholder{color:#65715f;opacity:1}.field output{color:#6f4c27;font-size:15px}.field input[type=range]{accent-color:#795834}
.field input[aria-invalid=true]{background:#fff0e6;color:#702b22;border-color:#a1442e}.current-space,.control-content .intro{color:#57674f}
.hint-box{font-size:14px;line-height:1.9}.toggle-row{font-size:15px;color:#405538}.glass-side h3{font-size:17px}
.budget-table,.comparison-diff{color:#33472f}.budget-table th,.cost-editor th{color:#695030}.budget-table td,.budget-table th,.cost-editor td,.cost-editor th{border-color:#cec8b8;font-size:15px}
.budget-total,.quote-result,.scope-note{background:#e8ecdf;color:#3a5033}.budget-total p,.scope-note p{color:#3a5033}.cost-editor td{color:#3f5337}
.receipt{background:#e7eedf;border-color:#8f9f7e;color:#304a2c}.receipt p{color:#425b39}
.tool-success{background:#e2ecd9;color:#2a4f29}.tool-error{background:#fbe8dd;color:#7e3025}
.comparison-pane,.compare-differences{background:#eeeadf;color:#2d422d}.comparison-pane article{background:#fffdf8}.comparison-pane h3,.comparison-pane p{color:#2f442e}.comparison-diff tr.changed{background:#e7e1cf}
.diagram-panel{background:#e9e4d6}.diagram-panel svg,.layout-svg{background:#fcfaf4}.timeline button{background:#f9f7ee;color:#3c5035;border-color:#abb39a}
.tool-link{background:#fffdf8;border-color:#c4c9b4}.tool-link h3{color:#34512f}.tool-link p{color:#58694d}
.modal{background:#fffdf8;color:#2e452e}.modal h2,.modal p{color:#334c30}.download-shelf{background:#f0eddf;color:#30482b;border-color:#899a76}
.design-details{background:#f6f3eb;border-color:#c3c7b3}.design-details>summary{color:#3d5232;font-size:17px}.advanced-toolbar{border-color:#c6c8b7}
.project-progress{background:#eeeadf;border-color:#d0c9b7}.project-progress a{color:#405438;background:transparent;border-bottom:2px solid transparent}.project-progress a.active{background:transparent;color:#213f25;border-color:#8e6b3b;font-weight:650}
.room-reference{background:#edece0;border-color:#bac3ac}.room-reference p,.room-reference small{color:#4d6043}
.finder-room{background:#fffdf8;color:#374f31;border-color:#aeb69e}.finder-room:has(input:checked){background:#e3e9d9;border-color:#7e6138}
/* Studio chrome is light and readable; the model keeps its own scene colors. */
.studio-shell{background:#f3f0e7}.studio-heading h1,.project-name{color:#2d442c}.project-name{border-color:#9caa8d;font-size:26px}.project-status{color:#5f6c56}.studio-room-heading{color:#3b5331}.studio-room-heading small{color:#5d6c51}
.control-panel,.control-tabs{background:#fffdf8;border-color:#c7ceba;color:#2b452a}.control-tabs button{color:#4a6141;background:transparent}.control-tabs button.active{background:#e9eddf;color:#264629;border-color:#846036;font-weight:650}.control-tabs button:hover{background:#eef0e5}
.control-content h2{color:#2c492c}.choice-card{background:#fffdf8;color:#3b5532;border-color:#b9c5aa}.choice-card small{color:#607153}.choice-card.active{background:#e8eddf;color:#254527;border-color:#7c653c}.choice-card .check{color:#78532c}
.viewer-tabs,.viewer-readout{background:#fcfaf4;border-color:#c3cbb6;color:#324e2b}.viewer-tabs button{color:#4d6343}.viewer-tabs button.active{color:#243f25;border-color:#87643a;font-weight:650}.viewer-tabs .fine{color:#5f7054}.viewer-readout small{color:#5e7050}.viewer-readout>div{color:#304c2a}
.viewer-label,.viewer-status{background:#173626ec;color:#f3f0e1}.viewer-label b{color:#e0e9d6}.viewer-help{color:#586c4b}.viewer-help button{color:#6e4e26;font-weight:550}.view-presets{background:#fbf7edeb;border:1px solid #afbba0}.view-presets button{color:#3f5635}.view-presets button.active{background:#dfe7d2;color:#1e3d20;border-bottom:2px solid #816134}
.finish-section{border-color:#b7c3a6}.finish-section summary{color:#465e37}.finish-choice{background:#faf8f0;color:#3b5330;border-color:#b6c1a4}.finish-choice.active{border-color:#856039;box-shadow:0 0 0 1px #856039}.finish-choice:hover{background:#e7eddd}
.finish-choice>span:last-child{font-size:13px}.material-label span{color:#72532d}
.render-fallback{background:#f0eddf;color:#334b2c}.render-fallback h3,.render-fallback p{color:#334b2c}
.mobile-design-bar{background:#f9f6ecf5;border-color:#bac4aa}.mobile-controls-close{background:#e9eddf;color:#344d2b;border-color:#b7c2a5}.controls-open .control-panel{background:#fffdf8}
/* Material explorer: neutral backdrop avoids biasing the swatch choices. */
.material-tabs{background:#f5f2eb;border-color:#b1bca4}.material-tabs button{color:#526849}.material-tabs button.active{color:#2a462c;border-color:#856037}
.material-search{color:#526849}.material-search input{background:#fffdf8;color:#2f4a2b;border-color:#a4b294}.material-search input::placeholder{color:#6a785f;opacity:1}
.material-filters button,.material-light button{color:#405934;border-color:#a3b092;background:transparent}.material-filters button.active,.material-light button.active{background:#e3ead7;color:#2d482a;border-color:#846138}
.material-render{background:radial-gradient(ellipse,#efeadc,#d5d0bd);border:1px solid #c5c5b1}.material-render.night{background:radial-gradient(ellipse,#344130,#0e2016)}
.material-render svg text{fill:#3f5739}.material-render.night svg text{fill:#e3ead6}
.finish-sample{background:#fffdf8;color:#3c542f;border-color:#bbc5a9}.finish-sample.active{border-color:#846039;box-shadow:0 0 0 1px #846039}.finish-sample small{color:#5d6d50}.finish-sample:hover{background:#e9efdf}.material-disclosure{border-color:#b8c2a8}
#material-selection{color:#566a47}#material-selection strong{color:#36502c}
.material-empty{color:#526747;border-color:#b0bfa0}.finish-sample strong{font-size:17px}
.passport-page{background:#fffdf8;color:#30492b}.passport-page h1,.passport-page h2,.passport-page h3{color:#30492b}.passport-page p,.passport-page .fine{color:#526649}
@media(max-width:900px){.material-tabs{top:84px}.controls-open .control-tabs{background:#fffdf8}.studio-layout>.viewer-column{display:block}.site-header.is-scrolled{height:84px}.material-story{gap:40px}}
@media(max-width:600px){.heritage-band{padding-block:36px}.collection-meta h3{font-size:24px}.collection-meta p{font-size:14px}.scene-location{font-size:14px}.forest-hero .hero-copy .eyebrow{font-size:8px;letter-spacing:.08em}.demo-choices{padding:27px 21px}.demo-choices h3{font-size:25px}.demo-choices button.choice{font-size:15px}.demo-choices .button{font-size:15px}.demo-choices .text-link{font-size:14px}.demo-choices .range-line{font-size:14px}.hero-bottom{font-size:9px}.hero-bottom span:nth-child(2){font-size:10px}.material-story .fine,.collection-footnote{font-size:13px}.control-tabs button{font-size:15px}.material-filters button{font-size:14px}.site-footer .eyebrow{font-size:10px;letter-spacing:.08em}}
@media print{body,.passport-page,.article{background:white;color:#243d28}.article p,.article li{color:#354b33}}