:root {
    --bg:#dbeeff;
    --surface:#fffdf8;
    --sheet:#fffdf8;
    --panel:#fffdf8;
    --paper:#fffdf8;
    --text:#111827;
    --ink:#111827;
    --muted:#64748b;
    --line:#ded4c2;
    --border:#ded4c2;
    --header:#e7eef8;
    --brand:#0f766e;
    --brand-dark:#115e59;
    --brand-soft:#e7f6f3;
    --accent:#0f766e;
    --accent-dark:#115e59;
    --accent-soft:#e7f6f3;
}
body {
    color:var(--text);
    background:var(--bg);
    font-size:15px;
}
.page {
    max-width:1680px;
    padding:14px 14px 110px;
}
.shell,
.panel,
.card,
.login,
.brand,
.modal,
.dialog-card,
.category-card,
.document-card,
.file-row,
.selected-item,
.metric,
.proof,
.product,
.step,
.summary-box,
.section-card {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:0 18px 38px rgba(89,65,32,.11);
    color:var(--text);
}
.brand,
.login,
.panel,
.card {
    padding:18px 20px;
}
.hero,
.topbar,
.sample-header,
.section-head,
.category-note,
.hint,
.empty-state {
    background:var(--header);
    border:1px solid var(--line);
    border-radius:16px;
}
h1 {
    font-size:30px;
    line-height:1.05;
}
h2 {
    font-size:18px;
}
label {
    color:#44506a;
    font-size:13px;
    font-weight:900;
}
input,
textarea,
select {
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    color:var(--text);
    font:inherit;
    font-size:15px;
}
.eyebrow,
.tag,
.status,
.count,
.pill,
.chip,
.mark,
.number,
.drop-icon {
    background:var(--brand-soft);
    border:1px solid var(--brand);
    border-radius:999px;
    color:var(--brand-dark);
}
.btn,
button,
.browse-btn,
.return-btn,
.clear-btn,
.dialog-btn,
.client-help-link,
.logout-link,
.tool-btn,
.save-btn,
.secondary-btn {
    border-radius:14px;
    box-shadow:0 8px 18px rgba(89,65,32,.06);
}
.btn.primary,
.dialog-btn.primary,
.save-btn,
.submit-btn,
.primary,
button[type="submit"] {
    background:var(--brand);
    border-color:var(--brand);
    color:#fff;
}
.btn.secondary,
.dialog-btn.secondary,
.secondary,
.browse-btn,
.return-btn,
.client-help-link,
.logout-link {
    background:#fffefa;
    color:var(--brand-dark);
}
.page,
.shell,
.inner {
    color:var(--text);
}
.panel,
.card,
.login,
.brand,
.modal,
.dialog-card,
.category-card,
.document-card,
.file-row,
.selected-item,
.metric,
.proof,
.product,
.step,
.summary-box,
.section-card {
    background:var(--surface);
    border-color:var(--line);
    color:var(--text);
}
.hero,
.topbar,
.sample-header,
.section-head,
.category-note,
.hint,
.empty-state {
    background:var(--header);
    border-color:var(--line);
}
input,
textarea,
select {
    background:var(--surface);
    border-color:var(--line);
    color:var(--text);
}
input:focus,
textarea:focus,
select:focus {
    outline:2px solid color-mix(in srgb, var(--brand) 18%, transparent);
    border-color:var(--brand);
}
input[type="checkbox"],
input[type="radio"] {
    accent-color:var(--brand);
}
.muted,
.small,
.lead,
.lede,
.subtitle,
.help-text,
.field-help {
    color:var(--muted);
}
.eyebrow,
.tag,
.status,
.count,
.pill,
.chip,
.mark,
.number,
.drop-icon {
    background:var(--brand-soft);
    border-color:var(--brand);
    color:var(--brand-dark);
}
.btn,
button,
.browse-btn,
.return-btn,
.clear-btn,
.dialog-btn,
.client-help-link,
.logout-link,
.tool-btn,
.save-btn,
.secondary-btn {
    border-color:var(--line);
}
.btn.primary,
.dialog-btn.primary,
.save-btn,
.submit-btn,
.primary,
button[type="submit"] {
    background:var(--brand);
    border-color:var(--brand);
    color:#fff;
}
.btn.secondary,
.dialog-btn.secondary,
.secondary,
.browse-btn,
.return-btn,
.client-help-link,
.logout-link {
    background:var(--surface);
    color:var(--brand-dark);
}
.btn:hover,
.browse-btn:hover,
.return-btn:hover,
.client-help-link:hover,
.logout-link:hover,
.tool-btn:hover {
    border-color:var(--brand);
}
.drop-zone {
    border-color:var(--brand);
    background:var(--brand-soft);
}
.client-bottom-nav {
    background:var(--surface);
    border-top-color:var(--line);
}
.client-bottom-nav__link {
    color:var(--muted);
}
.client-bottom-nav__link:hover,
.client-bottom-nav__link.is-active {
    background:var(--brand-soft);
    color:var(--brand-dark);
    border-color:var(--brand);
}