/* Skippy Hub Shared Theme System */
:root {
  --bg: #0a0e1a;
  --bg2: #141929;
  --bg3: #1a1f35;
  --border: #1e2645;
  --text: #e0e0e0;
  --text2: #c0c8d8;
  --dim: #8892b0;
  --muted: #4a5568;
  --accent: #00d4aa;
  --red: #ff4444;
  --amber: #f59e0b;
  --blue: #3b82f6;
  --card: linear-gradient(145deg, #1a1f35, #141929);
  --heading: #ffffff;
  --title: #00d4aa;
  --section: #ffffff;
}
[data-theme="light"] {
  --bg: #f0f2f5;
  --bg2: #ffffff;
  --bg3: #e4e8ee;
  --border: #c4c9d4;
  --text: #1a1a2e;
  --text2: #2d3748;
  --dim: #4a5568;
  --muted: #6b7280;
  --accent: #059669;
  --red: #dc2626;
  --amber: #d97706;
  --blue: #2563eb;
  --card: linear-gradient(145deg, #ffffff, #f8f9fb);
  --heading: #0f172a;
  --title: #047857;
  --section: #111827;
}
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  transition: background .3s, color .3s;
  padding-top: 50px;
}
h1, h2, h3 { color: var(--heading); }
.section, .card, .section-bordered {
  background: var(--card);
  border-color: var(--border);
  transition: background .3s, border-color .3s;
}