/* Commercial workspace palette shared by Rendition Pilot's other screens. */
:root {
  color-scheme: light;
  --nav: #172c30;
  --green: #256650;
  --ink: #172d31;
  --paper: #f1ebdf;
  --light: #edf3ef;
  --bg: var(--paper);
  --panel: #faf6ed;
  --panel-2: #f4eee2;
  --panel-3: var(--light);
  --surface: var(--panel);
  --surface-2: var(--panel-2);
  --surface-3: var(--panel-3);
  --text: var(--ink);
  --muted: #5b6d66;
  --subtle: #5b6d66;
  --line: #ded7c9;
  --border: var(--line);
  --border-soft: #eae3d7;
  --gold: var(--green);
  --gold-2: #174d3b;
  --accent: var(--green);
  --accent-2: #174d3b;
  --danger: #a23e32;
  --warn: #9a6324;
  --success: #256650;
  --ok: var(--success);
  --warn-bg: #faf0dd;
}
html, body { background: var(--paper); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: var(--green); }
.title, h1, h2, h3, h4 { color: var(--ink); font-weight: 650; }
.topbar { background: var(--nav); border: 1px solid var(--nav); border-radius: 10px; padding: 24px; color: #ffffff; }
.topbar .title, .topbar h1, .topbar .brand { color: #ffffff; }
.topbar .subtitle, .topbar .userbox, .topbar .muted, .topbar .meta, .topbar a { color: #c5d7cf; }
.topbar button.secondary { color: #ffffff; border-color: #8fa7a0; background: transparent; }
.topbar button.secondary:hover { background: #2d4846; }
.card, .section, .result-card, details, .metric-card { border-color: var(--line); box-shadow: 0 2px 8px #172c3006; }
.metric-card { border-width: 1px; }
.mini-card, .saved-work-card, pre { border: 1px solid var(--line); }
input, textarea, select { background: var(--panel); color: var(--ink); border-color: var(--line); font: inherit; }
input::placeholder, textarea::placeholder { color: #687878; opacity: 1; }
button { background: var(--green); color: #ffffff; font-weight: 600; }
button:hover { background: #174d3b; }
button.secondary { background: var(--panel); color: var(--green); border-color: var(--line); }
button.secondary:hover { background: var(--light); }
button.danger { background: var(--danger); color: #ffffff; border-color: var(--danger); }
button:focus-visible, a:focus-visible, input:focus, select:focus, textarea:focus, summary:focus-visible { outline: 2px solid #6a9e83; outline-offset: 2px; }
.tab-btn, .subtab-btn, .tab { background: var(--panel); color: var(--muted); border-color: var(--line); }
.tab-btn:hover, .subtab-btn:hover, .tab:hover { background: var(--light); color: var(--green); }
.tab-btn.active, .subtab-btn.active, .tab.active, .step.active { background: var(--green); color: #ffffff; border-color: var(--green); }
.step { background: var(--light); }
.status { background: #f7f3e8; color: #7d6535; border-color: #e9dfc6; }
.status.error { background: #fbefeb; color: #983f31; border-color: #e9c8c0; }
.status.success { background: #edf5ef; color: #2e654a; border-color: #cddfd0; }
.status.warn { background: #faf0dd; color: #80501c; border-color: #e9dfc6; }
.reason-box { background: var(--light); color: var(--ink); border-left-color: var(--green); }
.pdf-stage { background: #e6ece7; }
.calc-row { border-bottom-color: var(--line); }
.calc-factor { background: var(--light); border-color: #cddfd0; color: var(--green); }
.saved-section { background: var(--panel); border: 1px solid var(--line); }
details > summary, .kv-value { color: var(--ink); }
th { background: var(--panel-2); color: var(--muted); }
tbody tr:hover { background: #fafcf9; }
.modal-backdrop { background: #10292066; }