:root{
  --bg:#0b0f14;        /* page background */
  --bg-card:#10161d;   /* cards/content blocks */
  --card:#10161d;      /* cards */
  --muted:#9fb0c3;     /* secondary text */
  --text:#e6edf3;      /* primary text */
  --accent:#00cdd6;    /* brand accent */
  --accent2:#5eead4;   /* soft accent */
  --border:#1c2733;    /* subtle borders */
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius: 16px;
  --maxw: 1200px;
  
  /* Success/warning colors for status indicators */
  --success-color: #5eead4;
  --warning-color: #ffd166;
}

/* Light theme support (from original HTML files) */
[data-theme="light"] {
  --bg: #ffffff;
  --bg-card: #f8fafc;
  --text: #1e293b;
  --muted: #64748b;
  --accent: #0891b2;
  --border: #e2e8f0;
  --success-color: #059669;
  --warning-color: #d97706;
}