/* Botanical scenes use neutral paper and ink. Burgundy belongs to the brand mark. */
:root{--forest:#29312c;--deep:#202622;--cream:#f0ebe1;--gold:#a18b66;--soft:#756f63;--ink:#29312c;--paper:#f1ede5;--line:#b6aa9260;--panel:#f4f0e8f2;--brand-red:#681a1d}
body{background:#e3dfd4;color:var(--ink)}button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#8c7654}header{background:linear-gradient(180deg,#e9e6dcf5,#e9e6dcb8 68%,#e9e6dc00)}.identity-mark{background:#191d1a;border-color:#a18b6655}.identity small{color:#746149}.identity strong{color:#29312c}.header-right button{color:#3c443d}.edition{color:#756e62}
#sidebar{background:linear-gradient(135deg,#f5f1e9f7,#eae5d9f2);border-color:#b7ae9957;box-shadow:0 15px 55px #26332c15;backdrop-filter:blur(18px);color:#353d35}#sidebar h1,#chapter-name,.chapter-index{color:#867252}#panel-title{color:#29312c}#panel-summary{color:#6b6d60}#design-evidence{color:#5d6458}#design-evidence summary{color:#877353}#evidence-copy{color:#62685c}#sidebar .hairline{background:#b3a78b57}.subitem{color:#555f52;border-top-color:#b3a78b24}.subitem .num{color:#9c8c70}.subitem.active{background:#e3ded1;color:#29312c;border-left:2px solid #71282a;padding-left:5px}.subitem.active .num{color:#756244}.subitem:hover{color:#28362a;background:#dce1d333}.subitem.active:hover{background:#e3ded1;color:#29312c}.side-bottom{border-top-color:#b5a88b55}.side-bottom button{color:#71644f;border-color:#a4916e77;background:none}.side-bottom button:hover{background:#e4dfd2}#signature-launches button{background:#303c32;color:#f1ecdf;border-color:#303c32;font-weight:400}#signature-launches button:hover{background:#44523f}
#chapters{background:#242d27f0;border-color:#a89d815c;box-shadow:0 10px 40px #1c291c1c;backdrop-filter:blur(14px)}#chapters button{color:#d7d4c5;border-right-color:#b3a78c22}#chapters button strong{color:inherit}#chapters button .num{color:#9e9176}#chapters button.active{background:#e5dfd1;color:#2f3a2f}#chapters button.active strong{color:#2f3a2f!important}#chapters button.active .num{color:#8b7753}#chapters button:after{background:#ac9166}
#world{background:#d5d8c9}.shade{background:linear-gradient(90deg,#f0ecd91a,transparent 32%),linear-gradient(0deg,#1c2a2526,transparent 26%,transparent 78%,#eee9df4d)}.pin{background:#2f3a32e8;color:#efe7d6;border-color:#a99b7877;box-shadow:0 6px 24px #26332c12}.pin:before{background:#c3aa7d;box-shadow:0 0 0 4px #c3aa7d24}.pin:hover,.pin.selected,.city-pin.selected{background:#b3a180;color:#27352a}.project-pin{background:#e7e1d3!important;color:#2c3a2c!important}.layer-pin{background:#334234ed}.layer-pin:hover{background:#a99878}.compass{color:#52604d;text-shadow:0 1px 3px #f4f0e866}#loading-scene{background:#e7e2d6;color:#6d624d}#view-label{color:#69705f;text-shadow:0 1px 2px #fff6}footer{background:#242d27e8;color:#c0bdac}footer button{color:#c9c6b5}
.view-switch,.scene-tools,#view-tools,#selection-panel,#experience-rail{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:0 10px 40px #26332c12;backdrop-filter:blur(16px)}.view-switch button{color:#6a6f60}.view-switch .active{background:#334035;color:#f1eddf}.tool-dock>button{background:#efebe2eb;border-color:var(--line);color:#485242}.scene-tools button{color:#4a5545}.scene-tools button:hover{background:#dfdfd1}.unit-actions button{border-color:#a1917059;color:#495443}.unit-actions .primary,.floor-row .active,.room-tabs .active,#experience-steps button.active{background:#344334;color:#f0ecdf}.unit-card{background:#e6e2d6;border-color:#c3baa6}.unit-card strong{color:#3d493a}.unit-card small{color:#6f7465}.floor-row button,.room-tabs button{border-color:#b9ae974d;color:#67725f}.floor-row button.active,.room-tabs button.active{color:#f0ecdf}select{background:#eae6dc;color:#45503f;border-color:#b8ad9577}.small-note{color:#77766a}.overline{color:#8c7959}.form-row label{color:#777763}#selection-panel h3{color:#36432f}.compare-list{color:#4e5c46}
dialog{background:#eee9df;color:#394331;border-color:#b7aa8d77}dialog::backdrop{background:#1b271f9c}dialog h2{color:#3b4635}dialog p,#references-dialog p{color:#767567}.close{color:#8c795c}.mode-options button{border-color:#ac9e8066}.mode-options button:hover{background:#e2ddcf}.mode-options span{color:#7b7b6a}.experience-head{color:#8e7752}.experience-head button{color:#746a55}.experience-foot button{color:#8a7450}.experience-foot p{color:#656e5c}#experience-steps button{border-color:#ac9f7f5c;color:#6c735e}#experience-steps button.active{color:#f0ecdf}
#narrative{color:#303a2d}#narrative h2,#narrative h3{color:#303a2d}#narrative p{color:#626e59}.narrative-eyebrow{color:#907a58}.city-heading,.analysis-heading{background:linear-gradient(90deg,#f0ede4f5,#f0ede4cc 75%,#f0ede400);color:#303a2d}.city-lenses button,.city-scale button,.layer-tabs button,.function-tabs button{background:#eae6dbeb;border-color:#ab9c7c6b;color:#69725d}.city-lenses button.active,.city-scale button.active,.layer-tabs button.active,.function-tabs button.active{background:#394835;color:#f1eddf}.radius-key,.resource-detail,.city-resource-list,.analysis-value,.analysis-bottom,.life-start,.function-layout,.service-flow{background:var(--panel);border-color:#b6a7806b;color:#384431;box-shadow:0 8px 30px #26372b0d;backdrop-filter:blur(14px)}.radius-key button,.life-start button{background:#394935;color:#f0ebde}.radius-key strong{color:#8a7550}.radius-key small{color:#777967}.city-resource-list button{border-color:#b4a98c44;color:#47533d}.city-resource-list small{color:#848471}.city-resource-list button.active{color:#8b6c42}.resource-dot{background:#a1885d}.resource-detail p{color:#65705a!important}.resource-detail em,.resource-detail small,.analysis-value small,.analysis-value em{color:#8c7955}.analysis-value>div{border-color:#b4a88855}.analysis-bottom strong{color:#8c7955}.city-map-note{background:#eae6dce8;color:#747966}.chapter-purpose{background:#eeeadfef;border-color:#a58f67;color:#777658}.plan-blocks{border-color:#a79e8277}.plan-blocks b{background:#e4e4d5;border-color:#a8ac9466;color:#586549}.plan-blocks .zone-1{background:#b2b69b}.plan-blocks .zone-3{background:#d1d5c4}.function-layout>small,.service-flow li span{color:#7d826d}.service-flow li{border-color:#b1aa9555}.service-flow>small{color:#9b845c}
body.editorial #world{background:#e9e3d6}body.editorial #world:after{background:radial-gradient(ellipse at 80% 30%,#f5f2e9c9,transparent 70%),linear-gradient(105deg,#eae4d7fa,#e9e3d5fa),url('assets/vi-pattern.webp') repeat;background-size:auto,auto,480px auto}.brand-spread,.brand-statement,.brand-story button{border-color:#b7a88970}.brand-statement>span,.brand-story small{color:#9a815a}.brand-story button{color:#35412d}.brand-story button.active,.brand-story button:hover{background:#b7ab8b14}.brand-story strong{color:#34422b}.brand-story p,.brand-detail{color:#767d66}.brand-story i{color:#95825e}.brand-detail strong{color:#596145}.brand-statement p{color:#7d826b}.design-orbit{background:#b5a88766}.design-orbit>span,.design-orbit>div{background:#eae5d8f2;color:#3a472f}.design-orbit small{color:#9a835a}.design-orbit strong{color:#3a472f}
#brand-welcome{background:#e2d9cc url('assets/vi-ivory-entry.webp') center/cover no-repeat;color:#6d372c}#brand-welcome::backdrop{background:#dcd5c8}.welcome-action>span{color:#877759}.welcome-action button{border-color:#8d785c88;background:#eee8db66;color:#623b30}.welcome-action button:hover{background:#ddd2bf;color:#4f3428}.welcome-action p{color:#84755b!important}.welcome-note{color:#8e806b}

#tools-toggle{background:#efebe2ed;color:#47533f;border-color:#b6aa9260}

#selection-panel select{background:#e7e2d6;color:#4a5541;border-color:#b8ad9577}#toast{background:#2d382ff5;color:#eee7d8;border-color:#a3937177}