/**
 * Theme tokens for Growbot pages embedded in the extension (news, FAQ, affiliate).
 * Keep in sync with bot-instagram/growbot-themes.css token values.
 */

html {
    --gb-bg-page: #fafafa;
    --gb-bg-section: #fafafa;
    --gb-bg-elevated: #ffffff;
    --gb-bg-muted: #f9f9f9;
    --gb-bg-input: #ffffff;
    --gb-border: #cccccc;
    --gb-border-subtle: #dddddd;
    --gb-border-strong: #666666;
    --gb-text: #333333;
    --gb-text-secondary: #444444;
    --gb-text-muted: #555555;
    --gb-text-dim: #666666;
    --gb-accent: #2583cc;
    --gb-link: #2583cc;
    --gb-message-text: #777777;
    --gb-news-link: var(--gb-link);
    --gb-news-note: var(--gb-text-secondary);
    --gb-news-details: var(--gb-text-muted);
    --gb-affiliate-chart-clicks: #1a73e8;
    --gb-affiliate-chart-clicks-bg: rgba(26, 115, 232, 0.1);
    --gb-affiliate-chart-installs: #b54708;
    --gb-affiliate-chart-installs-bg: rgba(181, 71, 8, 0.1);
    --gb-affiliate-chart-subs: #027a48;
    --gb-affiliate-chart-subs-bg: rgba(2, 122, 72, 0.1);
    color-scheme: light;
}

html.growbot-theme-dark {
    --gb-bg-page: #1e1e1e;
    --gb-bg-section: #252525;
    --gb-bg-elevated: #2d2d2d;
    --gb-bg-muted: #333333;
    --gb-bg-input: #3a3a3a;
    --gb-border: #555555;
    --gb-border-subtle: #444444;
    --gb-border-strong: #888888;
    --gb-text: #e8e8e8;
    --gb-text-secondary: #cccccc;
    --gb-text-muted: #aaaaaa;
    --gb-text-dim: #999999;
    --gb-accent: #4a9fe8;
    --gb-link: #6eb3f0;
    --gb-message-text: #aaaaaa;
    --gb-news-link: var(--gb-link);
    --gb-news-note: var(--gb-text-secondary);
    --gb-news-details: var(--gb-text-muted);
    --gb-affiliate-chart-clicks: #6eb3f0;
    --gb-affiliate-chart-clicks-bg: rgba(110, 179, 240, 0.15);
    --gb-affiliate-chart-installs: #f0a060;
    --gb-affiliate-chart-installs-bg: rgba(240, 160, 96, 0.15);
    --gb-affiliate-chart-subs: #66bb6a;
    --gb-affiliate-chart-subs-bg: rgba(102, 187, 106, 0.15);
    color-scheme: dark;
}

html.growbot-theme-easter {
    --gb-bg-page: #fffcf5;
    --gb-bg-section: #fff8fb;
    --gb-bg-elevated: #ffffff;
    --gb-bg-muted: #f2faf0;
    --gb-bg-input: #fffefb;
    --gb-border: #f5cfe0;
    --gb-border-subtle: #fde8f0;
    --gb-border-strong: #e8a4bf;
    --gb-text: #5d4037;
    --gb-text-secondary: #6d4c41;
    --gb-text-muted: #8d6e63;
    --gb-text-dim: #a1887f;
    --gb-accent: #7cb342;
    --gb-link: #c2185b;
    --gb-message-text: #8d6e63;
    --gb-news-link: var(--gb-link);
    --gb-news-note: var(--gb-text-secondary);
    --gb-news-details: var(--gb-text-muted);
    --gb-affiliate-chart-clicks: #c2185b;
    --gb-affiliate-chart-clicks-bg: rgba(194, 24, 91, 0.12);
    --gb-affiliate-chart-installs: #f57c00;
    --gb-affiliate-chart-installs-bg: rgba(245, 124, 0, 0.12);
    --gb-affiliate-chart-subs: #7cb342;
    --gb-affiliate-chart-subs-bg: rgba(124, 179, 66, 0.12);
    color-scheme: light;
}

html.growbot-theme-darkred {
    --gb-bg-page: #141010;
    --gb-bg-section: #1a1414;
    --gb-bg-elevated: #221a1a;
    --gb-bg-muted: #261e1e;
    --gb-bg-input: #2e2424;
    --gb-border: #4a3838;
    --gb-border-subtle: #3a2c2c;
    --gb-border-strong: #6b5252;
    --gb-text: #d4b896;
    --gb-text-secondary: #c4a67e;
    --gb-text-muted: #a68b6a;
    --gb-text-dim: #8f775c;
    --gb-accent: #b56b5f;
    --gb-link: #d4a574;
    --gb-message-text: #a68b6a;
    --gb-news-link: var(--gb-link);
    --gb-news-note: var(--gb-text-secondary);
    --gb-news-details: var(--gb-text-muted);
    --gb-affiliate-chart-clicks: #d4a574;
    --gb-affiliate-chart-clicks-bg: rgba(212, 165, 116, 0.15);
    --gb-affiliate-chart-installs: #c67f73;
    --gb-affiliate-chart-installs-bg: rgba(198, 127, 115, 0.15);
    --gb-affiliate-chart-subs: #7d9a72;
    --gb-affiliate-chart-subs-bg: rgba(125, 154, 114, 0.15);
    color-scheme: dark;
}

body {
    background: var(--gb-bg-page);
    color: var(--gb-text);
}

a {
    color: var(--gb-link);
}

.text-muted {
    color: var(--gb-text-muted) !important;
}

/* News embed (/news/) */
.growbot-embed-news,
.growbot-embed-news body {
    background: transparent;
}

.growbot-embed-news #growbotNewsNotes .igBotUpdateNote {
    margin: 0 0 14px;
    color: var(--gb-text);
}

.growbot-embed-news #growbotNewsNotes .igBotUpdateNoteHeader {
    font-weight: 700;
    color: var(--gb-text);
    margin-bottom: 4px;
}

.growbot-embed-news #growbotNewsNotes .igBotUpdateNoteLines {
    margin: 0;
    padding-left: 1.25em;
    color: var(--gb-text-secondary);
}

.growbot-embed-news #growbotNewsNotes .igBotUpdateNoteLines li {
    margin: 0 0 4px;
    line-height: 1.45;
}

.growbot-embed-news #growbotNewsNotes a {
    color: var(--gb-link);
}

.growbot-embed-news #growbotNewsStatus {
    color: var(--gb-text-dim);
    font-size: 12px;
    margin-bottom: 8px;
}

.growbot-embed-news #growbotNewsStatus.is-error {
    color: #a94442;
}

/* FAQ embed (index.php?faqonly=true) */
body.growbot-embed-faq {
    background: var(--gb-bg-page);
    color: var(--gb-text);
}

body.growbot-embed-faq .landing_faq {
    background: var(--gb-bg-section) !important;
    border-top-color: var(--gb-border) !important;
}

body.growbot-embed-faq .landing_faq h2,
body.growbot-embed-faq .landing_faq h3,
body.growbot-embed-faq .tab_opener {
    color: var(--gb-text) !important;
}

body.growbot-embed-faq .xtab_textx,
body.growbot-embed-faq .color-heading {
    color: var(--gb-text-secondary) !important;
}

body.growbot-embed-faq .opening_tabs {
    border-color: var(--gb-border-subtle);
}

body.growbot-embed-faq #faqEmailLink .block_right {
    background: var(--gb-bg-elevated);
    border: 1px solid var(--gb-border-subtle);
    border-radius: 8px;
    padding: 12px;
}

body.growbot-embed-faq a {
    color: var(--gb-link);
}

/* Affiliate embed */
.affiliate-page {
    background: var(--gb-bg-page) !important;
    color: var(--gb-text);
}

.affiliate-page .aff-nav {
    background: var(--gb-bg-elevated) !important;
    border-bottom-color: var(--gb-border-subtle) !important;
}

.affiliate-page .aff-nav a.brand {
    color: var(--gb-text) !important;
}

.affiliate-page .aff-card {
    background: var(--gb-bg-elevated) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.affiliate-page .aff-link-row {
    background: var(--gb-bg-muted) !important;
    border-color: var(--gb-border) !important;
}

.affiliate-page .aff-link-row code {
    color: var(--gb-text) !important;
}

.affiliate-page .aff-stat .num {
    color: var(--gb-text) !important;
}

.affiliate-page .aff-stat .label {
    color: var(--gb-text-muted) !important;
}

.affiliate-page .aff-stat .pct {
    color: var(--gb-text-dim) !important;
}

.affiliate-page .form-control {
    background-color: var(--gb-bg-input);
    color: var(--gb-text);
    border-color: var(--gb-border);
}

.affiliate-page .aff-activity-table th,
.affiliate-page .aff-activity-table td {
    color: var(--gb-text);
    border-color: var(--gb-border-subtle);
}

.affiliate-page .table thead th {
    border-color: var(--gb-border-subtle);
}

html.growbot-theme-dark .affiliate-page .alert-danger,
html.growbot-theme-darkred .affiliate-page .alert-danger {
    background-color: #3d2020;
    border-color: #6b3030;
    color: #f0a0a0;
}

html.growbot-theme-dark .affiliate-page .alert-warning,
html.growbot-theme-darkred .affiliate-page .alert-warning {
    background-color: #3d3520;
    border-color: #6b5a30;
    color: #e8d080;
}