/* Somantix — Theme Variables & Reset */
:root {
  --bg: #090909;
  --card: #151515;
  --card-hover: #1a1a1a;
  --border: #232323;
  --border-hover: #333;
  --text: #ececec;
  --text-secondary: #a0a0a0;
  --text-dim: #666;
  --accent: #10b981;
  --accent-hover: #059669;
  --accent-light: #d1fae5;
  --accent-glow: rgba(16, 185, 129, 0.06);
  --warning: #f59e0b;
  --warning-bg: rgba(245, 158, 11, 0.08);
  --error: #ef4444;
  --error-bg: rgba(239, 68, 68, 0.08);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
  font-family: 'Inter', sans-serif; 
  background: var(--bg); 
  color: var(--text); 
  line-height: 1.5;
  overflow-x: hidden;
}

html[data-theme="light"] {
  --bg:#f8f9fa; --card:#ffffff; --border:#e1e4e8; --bg-secondary:#f0f2f5;
  --text:#1a1a2e; --text-secondary:#57606a; --text-dim:#8b949e;
  --accent:#059669; --accent-hover:#047857;
  --warning:#d97706; --warning-bg:rgba(217,119,6,0.08);
  --error:#dc2626; --amber:#d97706;
}
html[data-theme="light"] body { background:#f8f9fa; color:#1a1a2e; }
html[data-theme="light"] .sidebar { background:#fff; border-color:#e1e4e8; }
html[data-theme="light"] .sidebar-toggle { background:#fff; border-color:#e1e4e8; }
html[data-theme="light"] .nav-item:hover { background:rgba(0,0,0,0.04); }
html[data-theme="light"] .nav-item.active { background:rgba(5,150,105,0.08); color:#059669; }
html[data-theme="light"] .search-input { background:#fff; border-color:#e1e4e8; color:#1a1a2e; }
html[data-theme="light"] .filter-select { background:#fff; border-color:#e1e4e8; color:#1a1a2e; }
html[data-theme="light"] .project-card { background:#fff; border-color:#e1e4e8; }
html[data-theme="light"] .project-card:hover { border-color:rgba(5,150,105,0.4); box-shadow:0 4px 24px rgba(5,150,105,0.06); }
html[data-theme="light"] .modal-overlay { background:rgba(0,0,0,0.3); }
html[data-theme="light"] .form-input, html[data-theme="light"] .form-select, html[data-theme="light"] .form-textarea { background:#fff; border-color:#e1e4e8; color:#1a1a2e; }
html[data-theme="light"] ::placeholder { color:#8b949e; }
