:root{--orange:#da5b22;--orange-deep:#b64216;--orange-light:#fff0e3;--ink:#35271f;--muted:#947e6c;--line:#eedfd2;--green:#d65a23;color:var(--ink);background:#fffaf5;font-family:'DM Sans',system-ui,sans-serif}
body{background:#fffaf5;color:var(--ink)}.app-header{background:#fffdf9;border-bottom-color:#eddfd2;box-shadow:0 3px 18px #8e461004}.brand{color:#38271e;letter-spacing:-1px}.brand-light{color:#8c6d58;font-weight:450}.brand-mark{height:40px;width:40px;display:block;margin-right:10px;filter:drop-shadow(0 3px 5px #c75b1825)}.workspace-label{color:#ab8d76;border-color:#eddccd}.saved{color:#9e8977}.saved i{background:#d58a50}.button-dark{color:#fff;background:linear-gradient(135deg,#ed7c38,#ce4c1c);border-color:#d95f25;box-shadow:0 3px 8px #d5571d1b}.button-dark:hover{box-shadow:0 5px 13px #d5571d35;filter:brightness(1.03)}.button-outline{background:#fffdfa;color:#795a46;border-color:#ead9c9}.button-outline:hover{background:#fff1e3;border-color:#e5b590}.small-button{color:#a34f25;border-color:#edd3bd;background:#fffaf5}.small-button:hover{background:#fff0e0;border-color:#e3a77b}button:focus-visible,a:focus-visible,label:focus-within{outline-color:#ed9a5e}.sidebar{background:#fffdf9;border-color:#eedfd2}.project-label{color:#b39a84}.project{color:#6f4f39}.project small{color:#af9580}.project-avatar{background:#fff1e2;border-color:#f0d4b8;color:#d96828}.sidebar-divider{border-color:#efdfcf}nav button{color:#9a806a}nav button:hover{background:#fff3e6;color:#b35425}nav button.active{color:#ba4f21;background:#ffedda;box-shadow:inset 3px 0 #e57836}.nav-number{color:#b69a81}.active .nav-number{color:#cf642c}.nav-arrow{color:#df8b54}.sidebar-bottom{border-color:#eddccc}.help-icon{color:#df9058}.sidebar-bottom strong{color:#76523c}.sidebar-bottom p,.delivery-note{color:#ad9279}.sidebar-foot{color:#b69b83}.tiny-mark{display:inline-flex;vertical-align:middle;margin-right:7px}.tiny-mark img{width:21px;height:21px;opacity:.8}.main{background:radial-gradient(ellipse at 94% 0%,#fff0dfb0 0,transparent 35%)}.eyebrow{color:#c37d47;letter-spacing:2px}h1,h2{color:#38281f}.intro h1{font-weight:650}.intro p{color:#a08670}.intro em{color:#c76630}.intro-flower{color:#edb17e;filter:drop-shadow(0 2px 0 #fff5e9)}.editor{border-color:#eddccd;box-shadow:0 6px 25px #a9681e04;background:#fffdfa}.editor-heading .step-label{color:#c67540}.autosave-label{color:#b29a84}.section-description{color:#a38b75}.template-card{border-color:#efddcc;background:#fffdfa;color:#67442d}.template-card.selected{border-color:#d9783d;background:#fff8f0;box-shadow:0 0 0 3px #fdf0df}.template-name{color:#724b31}.template-name small{color:#ae9279}.selection-ring{border-color:#e7ceb6}.selected .selection-ring{background:#dc7132;border-color:#dc7132}.editor-note{background:#fff2e2;color:#ab835e;border:1px solid #f5e3cb}.editor-note span{color:#d88643}.editor-footer{background:#fffaf2;border-color:#efdfcc}.editor-footer>span{color:#b59a7e}.preview-toolbar strong{color:#885f3b}.live-dot{background:#e58d48;box-shadow:0 0 0 3px #f8e6cf}.device-switch{background:#f9ecdd;border-color:#eddbc6}.device-switch button{color:#c3a17d}.device-switch button.active{color:#b45e2d;background:#fffdf8}.browser-frame{border-color:#e5ceb5;box-shadow:0 14px 35px #ae60100a}.browser-bar{background:#f7ebdc;border-color:#e9d9c1;color:#be9b72}.traffic i{background:#dcc4a5}.iframe-wrap{background:#f8eddf}.preview-bottom{color:#b2987a}.text-button{color:#b46d36}.text-button:hover{color:#d25c22}.tip{background:#fff1df;border-color:#f0dabe}.tip>span{color:#d79349}.tip strong{color:#9a622e}.tip p{color:#b49876}.main-footer{border-color:#eddcc5;color:#c0a585}.field{color:#8d6241}.field input,.field textarea,.field select{background:#fffcf7;border-color:#ead8c3;color:#62432f}.field input::placeholder,.field textarea::placeholder{color:#c0a589}.field input:focus,.field textarea:focus,.field select:focus{border-color:#e79a60;box-shadow:0 0 0 3px #fff0de}.field small,.export-note,.reference-help{color:#b29778}.upload-box{background:#fff7eb;border-color:#e5bc8a}.upload-icon{background:#f8e5ca;color:#cf9a60}.upload-box small{color:#b69a7b}.upload-box label{color:#c6753c}.item-block{border-color:#eddbc2;background:#fffefb}.item-top{color:#c68d57}.remove-button{color:#bb8871}.switch-row input{accent-color:#e57935}.switch-row{color:#966d48}.editor details{border-color:#ead5b8}.editor summary{color:#af713a}dialog{border-color:#e8ccb0;background:#fffdfa;box-shadow:0 25px 100px #7b3c2022}dialog::backdrop{background:#41271999;backdrop-filter:blur(5px)}.dialog-bar,.review-header,.interactive-bar{border-color:#efddc8}.full-image-wrap{background:#f6eadb}.receipt-icon{background:#fff0d9;color:#d38232}.receipt-content p,.receipt-content small{color:#a68c70}.reference-caption{color:#bf955f}#receipt-code{background:#fff4e4;border-color:#efd6b4;color:#b3692c}.main-footer span:last-child{color:#c3a889}#toast{background:#88401f;box-shadow:0 8px 24px #8d421333}#effects-toggle.effects-on{background:#d96d2d;border-color:#d96d2d}.local-badge{color:#c18f5a}.login-panel{border-color:#ecd8bd;box-shadow:0 14px 50px #96521408;background:#fffdfa}.login-panel>p,.dashboard-heading p{color:#a58a6f}.login-panel small{color:#b79978}.setup-note{background:#fff0d9;color:#a27443}.setup-note p{color:#aa865e}.setup-note code{background:#f9dfb8;color:#a36932}.stats>div{border-color:#eddbc3;background:#fffdfa;box-shadow:0 3px 10px #a9661004}.stats span{color:#b08c64}.stats strong{color:#c96b2e}.filter-tabs{background:#faecda}.filter-tabs button{color:#b38c61}.filter-tabs button.active{background:#fffdf8;color:#bb692e}.search input{border-color:#ead3b5;background:#fffdf9;color:#825733;outline-color:#df9754}.table-wrap{border-color:#ecd7b9;background:#fffdfa}th{color:#bf9968;background:#fff8ec}td{border-color:#f0e1cc;color:#a07d55}td b{color:#775131}td small{color:#bfa17e}td code{color:#b6986f}.empty>div{color:#dfad6c}.empty p,.admin-footnote{color:#b99b75}.review-header code{color:#bd945f}.review-image{background:#f8efdf}.review-sidebar{border-color:#ecdbc0}.review-preview-tools>span{color:#c19861}#review-preview-status,.download-help{color:#b49670}.detail-row{color:#956d42}.detail-row>span{color:#c0a075}.history{color:#b49367}.history time{color:#c9b28f}.revision-note{background:#fff0d6;color:#b08748}.interactive-bar small{color:#b49972}.review-image .small-button{background:#fffaf0}#interactive-frame-wrap{background:#eadbc5}.status-pill{background:#fff0d1;color:#b48732}.status-pill.approved{background:#edf2df;color:#758741}.status-pill.rejected{background:#fae8de;color:#bc7651}.dashboard-actions .button{border-color:#eaccaa}.receipt-content .eyebrow{color:#c58a50}.review-sidebar textarea{border-color:#e7ceb0}.brand-orbit{width:70px;height:70px;position:relative;margin-right:18px;transform:rotate(-12deg)}.brand-orbit:before,.brand-orbit:after{content:'';position:absolute;inset:7px;border:1px solid #edbf92;border-radius:20px;transform:rotate(25deg)}.brand-orbit:after{inset:18px;border-color:#dd8948;background:#fff0d9;transform:rotate(-15deg)}.brand-orbit i{position:absolute;width:8px;height:8px;right:0;top:8px;background:#e57a35;border:3px solid #fff6e9;box-sizing:content-box;border-radius:50%;z-index:1}@media(max-width:620px){.brand-mark{height:33px;width:33px;margin-right:7px}.brand-orbit{display:none}.app-header .brand{font-size:18px}.preview-bottom{gap:12px}}

.button-dark,.button-primary,.submit-button{background:linear-gradient(135deg,#c9511e,#a93613);color:#fff}.email-intro{color:#78543d}

.intro p,.section-description,.template-name small,.editor-note,.tip p,.sidebar-bottom p,.delivery-note,.preview-bottom,.field small,.reference-help,.editor-footer>span,.login-panel>p,.dashboard-heading p,.admin-footnote,.empty p{color:#87674e}.autosave-label,.workspace-label,.sidebar-foot,.main-footer,.browser-bar,.preview-toolbar strong,.eyebrow,.step-label{color:#936341}.field input::placeholder,.field textarea::placeholder{color:#9c8068}.stats span,th,td small,td code,.history time,.detail-row>span{color:#94704c}nav button{color:#82684f}.effects-on{color:#fff}

/* Keep focus on the control rather than boxing the entire label and help text. */
label:focus-within{outline:none}.field:focus-within{color:#a94c23}.field input,.field textarea,.field select{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#d27543;background:#fffdfa;box-shadow:0 0 0 3px rgba(218,126,70,.12)}button:focus-visible,a:focus-visible,.template-card:focus-visible,.upload-box label:focus-within{outline:2px solid #c66c39;outline-offset:3px;border-radius:6px}@media(prefers-reduced-motion:reduce){.field input,.field textarea,.field select{transition:none}}
