:root {
  --td-bg: #f3f4f6; --td-bg-card: #ffffff; --td-bg-nav: #ffffff;
  --td-bg-input: #ffffff; --td-bg-hover: #f9fafb;
  --td-text: #1f2937; --td-text-muted: #6b7280;
  --td-border: #d1d5db; --td-border-light: #e5e7eb;
  --td-accent: #3b82f6; --td-accent-hover: #2563eb;
  --td-danger: #ef4444; --td-success: #22c55e;
  --td-font: ui-sans-serif, system-ui, sans-serif;
  --td-shadow: 0 1px 3px rgba(0,0,0,0.1);
  --td-btn-text: #ffffff;
}
body.td-themed { background: var(--td-bg); color: var(--td-text); font-family: var(--td-font); }
.td-nav { background: var(--td-bg-nav) !important; box-shadow: var(--td-shadow); }
.td-card { background: var(--td-bg-card); border-color: var(--td-border-light); box-shadow: var(--td-shadow); }
.td-input { background: var(--td-bg-input); color: var(--td-text); border-color: var(--td-border); }
.td-text { color: var(--td-text) !important; }
.td-text-muted { color: var(--td-text-muted) !important; }
.td-border { border-color: var(--td-border-light); }
.td-hover:hover { background: var(--td-bg-hover) !important; }
.td-btn-accent { background: var(--td-accent); color: var(--td-btn-text); }
.td-btn-accent:hover { background: var(--td-accent-hover); }