/* SUHM unified warm app theme v2 */
:root {
  --suhm-bg: #f7f2ea;
  --suhm-surface: #fffaf3;
  --suhm-card: #fffdf8;
  --suhm-text: #2b2118;
  --suhm-muted: #8a7868;
  --suhm-line: #eadccc;
  --suhm-orange: #c56a2d;
  --suhm-blue: #5b6ee1;
  --suhm-green: #6b8f71;
  --suhm-soft: #fff0df;
  --suhm-blue-soft: #eef1ff;
  --suhm-shadow: 0 14px 38px rgba(70, 48, 30, .08);
}
html, body { min-height: 100%; }
body {
  background:
    radial-gradient(circle at 8% 4%, rgba(197,106,45,.12), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(91,110,225,.12), transparent 32%),
    var(--suhm-bg) !important;
  color: var(--suhm-text) !important;
}
.page, .app, .window { color: var(--suhm-text); }
.card, .panel, .site-card, .skill-item, .appcard, .app-card, .list-item, .mail-item {
  background: var(--suhm-card) !important;
  border-color: var(--suhm-line) !important;
  box-shadow: var(--suhm-shadow) !important;
}
.header, .top, .top-bar, .toolbar, .titlebar {
  background: rgba(255,250,243,.88) !important;
  border-color: var(--suhm-line) !important;
}
.header h1, .brand, .brand-name, .content-title { color: var(--suhm-text) !important; }
.header p, .sub, .content-sub, .site-meta, .skill-meta, .desc, .meta, .footer, .section-title, .group-title { color: var(--suhm-muted) !important; }
.btn.primary, .btn-primary, button.primary { background: var(--suhm-orange) !important; border-color: var(--suhm-orange) !important; color: #fff !important; }
.btn, button, .filter, .toolbar-tab, .tab, .chip, .icon-button, .topbtn {
  border-color: var(--suhm-line) !important;
  color: var(--suhm-text);
}
.input, input, textarea, select, .search, .search-input, .toolbar-search {
  background: #fffdf8 !important;
  border-color: var(--suhm-line) !important;
  color: var(--suhm-text) !important;
}
.input:focus, input:focus, textarea:focus, select:focus, .search:focus, .search-input:focus { border-color: var(--suhm-blue) !important; box-shadow: 0 0 0 4px rgba(91,110,225,.12) !important; }
.badge, .tag { background: var(--suhm-blue-soft) !important; color: var(--suhm-blue) !important; border-color: #dce2ff !important; }
.icon, .app-icon, .card-icon, .activity-icon { background: var(--suhm-soft) !important; color: var(--suhm-orange) !important; }
.dot.online, .status-dot, .dot { background: var(--suhm-green); }
.footer { border-color: var(--suhm-line) !important; }
@media (max-width: 640px) {
  body { padding: 0 !important; }
  .page, .main, .content { padding: 16px !important; }
  .card, .panel { border-radius: 18px !important; }
  .grid, .grid-2, .skill-grid, .app-grid { gap: 12px !important; }
  .footer { padding-bottom: 78px !important; }
}