html[data-noma-theme="light"] {
  --bg: #f3f7f6;
  --panel: #ffffff;
  --panel-2: #f7faf9;
  --line: rgba(40, 67, 76, .14);
  --line-soft: rgba(40, 67, 76, .09);
  --line-strong: rgba(40, 67, 76, .22);
  --text: #17313a;
  --muted: #647983;
  --accent: #159b76;
  --accent-2: #d9f2e9;
  --ok: #159b76;
  color-scheme: light;
}

html[data-noma-theme="light"] body.noma-body {
  background: radial-gradient(circle at top left, rgba(21,155,118,.09), transparent 30%), linear-gradient(180deg, #f8fbfa 0%, #edf4f2 100%);
  color: var(--text);
}
html[data-noma-theme="light"] .sidebar { background: rgba(248,251,250,.96); border-right-color: var(--line); box-shadow: 8px 0 28px rgba(40,67,76,.05); }
html[data-noma-theme="light"] .topbar { background: rgba(255,255,255,.88); border-bottom-color: var(--line); }
html[data-noma-theme="light"] .main-shell,
html[data-noma-theme="light"] .content-shell { color: var(--text); }
html[data-noma-theme="light"] .side-link,
html[data-noma-theme="light"] .side-group-toggle { color: #637982; }
html[data-noma-theme="light"] .side-link:hover,
html[data-noma-theme="light"] .side-group-toggle:hover,
html[data-noma-theme="light"] .side-group.open > .side-group-toggle { background: rgba(21,155,118,.07); color: #17313a; }
html[data-noma-theme="light"] .side-link.active { color: #087c5c; background: rgba(21,155,118,.11); border-color: rgba(21,155,118,.24); }
html[data-noma-theme="light"] .sidebar-toggle,
html[data-noma-theme="light"] .icon-btn,
html[data-noma-theme="light"] .topbar-search,
html[data-noma-theme="light"] .select,
html[data-noma-theme="light"] input,
html[data-noma-theme="light"] select,
html[data-noma-theme="light"] textarea,
html[data-noma-theme="light"] .btn-ghost {
  background: #fff !important; color: var(--text) !important; border-color: var(--line-strong) !important;
}
html[data-noma-theme="light"] .card,
html[data-noma-theme="light"] .panel,
html[data-noma-theme="light"] .metric-card,
html[data-noma-theme="light"] .stat-card,
html[data-noma-theme="light"] .table-card,
html[data-noma-theme="light"] .modal-card,
html[data-noma-theme="light"] dialog > div {
  background: #fff !important; color: var(--text) !important; border-color: var(--line) !important; box-shadow: 0 12px 32px rgba(40,67,76,.08);
}
html[data-noma-theme="light"] .recipient-list { background: #f7faf9 !important; border-color: var(--line-strong) !important; }
html[data-noma-theme="light"] table { color: var(--text); }
html[data-noma-theme="light"] th { color: #526872 !important; background: #eef5f3 !important; }
html[data-noma-theme="light"] td { border-color: var(--line) !important; }
html[data-noma-theme="light"] tr:hover td { background: rgba(21,155,118,.045); }
html[data-noma-theme="light"] .muted,
html[data-noma-theme="light"] .muted-cell,
html[data-noma-theme="light"] .sub,
html[data-noma-theme="light"] .card-sub,
html[data-noma-theme="light"] .label,
html[data-noma-theme="light"] .status { color: var(--muted) !important; }
html[data-noma-theme="light"] .modal-overlay { background: rgba(30,48,55,.35) !important; }