/* Tadaro concept 04: Oasis palette, Souq mark and typography.
   Layered onto the original warehouse experience; no interaction changes. */
:root{--ink:#183a32;--paper:#f8f5ed;--muted:#5c7068;--lime:#c5d6a4;--line:#dddcd0;--palm:#123c35;--limestone:#efe9dc;--sage:#c5d6a4;font-family:'DM Sans',Arial,sans-serif}
::selection{background:var(--sage);color:var(--palm)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,.faq-list summary:focus-visible{outline-color:#628b75}
.site-header{border-color:var(--line)}
.brand{color:var(--palm);letter-spacing:-1.7px;gap:8px;white-space:nowrap}
.brand svg{width:31px;height:34px;fill:currentColor;flex-shrink:0}
.brand>span{font-size:9px;letter-spacing:1.6px;margin-left:4px}
.header-cta{background:var(--palm);color:var(--paper);border-radius:22px}
.header-cta:hover{background:#20594c}
.scene h1,.scene h2,.heading-row h2,.connected h2,.workflow h2,.questions h2,.closing h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.08}
.scene h1,.scene h2{font-size:clamp(44px,5.6vw,86px)}
.scene h1 span,.scene h2 span{font-style:italic;color:var(--sage)}
.heading-row h2 em,.connected h2 em,.questions h2 em{font-style:italic;color:#5c7662}
.workflow h2 em{font-style:italic;color:var(--sage)}
.closing h2 em{font-style:italic;color:var(--palm)}
.scene .hero-copy,.scene-story>p:not(.eyebrow){color:#f5f2e9}
.hero-footnote{color:#e5ead8}
.film-shade{background:linear-gradient(90deg,#082d25c7,#0b261e30 80%),linear-gradient(0deg,#072b24dc,transparent 32%,transparent 80%,#0b2c2440)}
.button{border-radius:26px}
.button-lime{background:var(--sage);color:var(--palm)}
.button:hover{background:#d4e2bb}
.signal-card{background:#123c35e0;border-color:#c5d6a440}
.warehouse-tag>div{background:#123c35d9;border-color:#c5d6a440}
.tag-cross{background:#123c3560}
.signal-card small,.signal-card div>span,.warehouse-tag small,.warehouse-tag div>span{color:#e0e7d5}
.status-dot{box-shadow:0 0 0 4px #c5d6a418}
.motion-toggle{background:#123c3570;color:var(--paper)}
.motion-toggle:hover{background:var(--palm)}
.module-ribbon>span,.dark,.platform-tabs button small,.preview-caption,.pos-disclosure,.site-footer{color:var(--muted)}
.module-ribbon>a>span,.module-ribbon>a:hover{color:#557d65}
.dark>span,.preview-caption i{background:#628b75}
.platform-tabs button{border-color:var(--line);border-radius:12px}
.platform-tabs button[aria-selected=true]{background:#e4ead6;border-color:#9aaa87}
.platform-tabs button:hover{background:#ecefe3}
.product-panel,.pos-window{border-color:var(--line)}
.product-top{background:var(--palm);color:var(--paper);border-color:#41635a}
.mini-brand{display:inline-flex;align-items:center;gap:7px;color:var(--paper);letter-spacing:-1px;white-space:nowrap}
.mini-brand svg{width:21px;height:23px;fill:var(--sage);flex-shrink:0}
.workspace-name{color:#d0dcca;border-color:#638274}
.sample-pill{border-color:#638274;color:#e3ecd8}
.product-avatar{background:var(--sage);color:var(--palm)}
.metric{background:#faf9f3;border-color:#e5e3d8}
.metric small,.metric span,.product-heading small,.table-heading #row-count{color:var(--muted)}
.metric strong{color:var(--palm)}
.table-heading #row-count{background:#ecefe3}
th{background:#f5f3e9;color:var(--muted)}
td{border-color:#e9e9df}
.preview-search{border-color:var(--line);color:var(--muted);background:#fffefa}
.badge{background:#e5eedb;color:#426347}
.badge.amber{background:#fff2d1;color:#7d611d}
.product-note{background:#eeefe3}.product-note p{color:var(--muted)}.product-note>span{color:#628567}
.workflow{background:var(--palm);color:var(--paper)}
.workflow .eyebrow,.workflow-intro>p:not(.eyebrow){color:#d9e3cd}
.workflow-steps button{color:#d4decd}
.workflow-steps button>span{border-color:#8aa28c}
.workflow-steps button[aria-pressed=true]>span{color:var(--palm)}
.workflow-line{background:#496b5b}
.workflow-record{background:var(--paper);color:var(--ink);border-radius:16px}
.record-top,.workflow-record p,.workflow-record dt{color:var(--muted)}
.workflow-record dl{border-color:var(--line)}
.record-bottom>span{background:#e6ecd9;color:#426347}
.record-bottom button{color:var(--palm)}
.example-label{color:#d4e0c7;border-color:#708b71}
.photo-label{background:#123c35e6}
.questions>div>p:not(.eyebrow),.faq-list details>p{color:var(--muted)}
.faq-list details,.faq-list details:first-child{border-color:var(--line)}
.faq-list summary>span{color:#628567}
.closing{background:var(--limestone);color:var(--ink);border:1px solid var(--line)}
.closing .eyebrow{color:var(--muted)}
.closing .button{background:var(--palm);color:var(--paper)}
.closing .button:hover{background:#20594c}
.closing-leaf{width:420px;height:420px;right:5%;top:0;transform:rotate(-13deg);color:#123c3509;font-size:inherit}
.closing-leaf svg{width:100%;height:100%;fill:currentColor}
.footer-domain{display:block;font-size:9px;letter-spacing:1px;margin-top:8px;color:var(--palm)}
.site-footer .brand{letter-spacing:-1px}.site-footer .brand svg{width:24px;height:26px}
.pos-catalog{background:#f6f3e9}
.pos-catalog-heading small,.pos-currency,.pos-product>small,.pos-price,.pos-basket-heading button,.pos-customer,.pos-customer>span,.pos-empty,.pos-line small,.pos-summary>div,.pos-summary>p,.pos-summary .pos-message,.pos-no-results{color:var(--muted)}
.pos-currency,.pos-customer,.pos-empty>span{background:#ebeede}
.pos-product{border-color:var(--line);border-radius:12px}
.pos-product:hover{border-color:#78947a}
.pos-basket,.pos-line,.pos-summary,.pos-quantity{border-color:var(--line)}
.pos-quantity button{background:#f3f4e9;color:var(--palm)}
.pos-remove{color:var(--muted)}
.pos-checkout{background:var(--palm);color:var(--paper);border-radius:24px}
.pos-checkout:hover:not(:disabled){background:#20594c}
.pos-checkout:disabled{background:#e6e9dc;color:#5f715e}
@media(max-width:1100px){.site-header nav{gap:15px}.brand{font-size:31px}.header-cta{gap:20px}}
@media(max-width:700px){
 .site-header{padding:0 18px;gap:10px}.site-header .brand{font-size:27px;gap:5px}.brand svg{width:24px;height:27px}.brand>span{font-size:8px;letter-spacing:1px;margin-left:2px}.header-cta{padding:12px 13px;gap:12px;font-size:10px}.menu-toggle{border-color:#bac7b3;flex-shrink:0}.site-header nav{border-color:var(--line)}
 .scene h1,.scene h2{font-size:clamp(34px,9.8vw,58px);letter-spacing:-1.35px;line-height:1.1}.scene h1{margin-bottom:23px}
 .heading-row h2,.connected h2,.workflow h2,.questions h2,.pos-section h2{font-size:39px;letter-spacing:-1.4px;line-height:1.12}
 .closing h2{font-size:48px;letter-spacing:-1.7px}.closing-leaf{width:300px;height:300px;right:-50px;top:70px}
 .product-top,.pos-window .product-top{gap:10px}.mini-brand,.pos-window .mini-brand{font-size:18px;gap:4px}.mini-brand svg{width:16px;height:18px}.sample-pill{font-size:6px;max-width:88px;padding:5px 6px}
 .film-shade{background:linear-gradient(90deg,#082d25c7,#0b261e50),linear-gradient(0deg,#072b24e6,transparent 38%)}
}
@media(max-width:360px){.site-header .brand{font-size:24px}.brand>span{display:none}.site-header{gap:8px}.scene h1,.scene h2{font-size:33px}.site-footer .brand>span{display:inline}.heading-row h2,.connected h2,.workflow h2,.questions h2,.pos-section h2{font-size:35px}}
@media(max-height:700px) and (min-width:701px){.scene h1,.scene h2{font-size:49px}}