/**
 * Site-specific Themes and Styles
 * Task Automation Platform
 */

/* ============================================
   SITE-SPECIFIC THEME COLORS
   ============================================ */

/* Genspark Theme (Purple) */
body.site-genspark {
    --theme-color: #6366f1;
    --theme-light: #e0e7ff;
}

/* Nav Active State */
body.site-genspark .site-tab.active[data-site="genspark"] {
    background: var(--theme-color);
    color: white;
}

/* Override standard slate-900 for active elements */
body.site-genspark .btn-primary {
    background: var(--theme-color);
}
body.site-genspark .btn-primary:hover {
    background: #4f46e5;
}

/* Add Panel Title */
body.site-genspark .panel-add h2 {
    color: var(--theme-color);
}

/* Naver Blog Theme (Green) */
body.site-naver_blog {
    --theme-color: #10b981;
    --theme-light: #d1fae5;
}

body.site-naver_blog .site-tab.active[data-site="naver_blog"] {
    background: var(--theme-color);
    color: white;
}

body.site-naver_blog .btn-primary {
    background: var(--theme-color);
}
body.site-naver_blog .btn-primary:hover {
    background: #059669;
}

body.site-naver_blog .panel-add h2 {
    color: var(--theme-color);
}

/* Suno Theme (Orange) */
body.site-suno {
    --theme-color: #f97316;
    --theme-light: #ffedd5;
}

body.site-suno .site-tab.active[data-site="suno"] {
    background: var(--theme-color);
    color: white;
}

body.site-suno .btn-primary {
    background: var(--theme-color);
}
body.site-suno .btn-primary:hover {
    background: #ea580c;
}

body.site-suno .panel-add h2 {
    color: var(--theme-color);
}

/* Common Theme Tweaks */
/* Color the connection status dot if connected */
body.site-genspark .connection-status.connected { color: var(--theme-color); background: var(--theme-light); }
body.site-naver_blog .connection-status.connected { color: var(--theme-color); background: var(--theme-light); }
body.site-suno .connection-status.connected { color: var(--theme-color); background: var(--theme-light); }