:root {
    color-scheme: light dark;
    --bb-theme-choice: system;

    --font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Fira Code", monospace;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;

    --bg-primary: #f5f7fb;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef2f7;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --accent-primary: #2563eb;
    --accent-secondary: #1d4ed8;
    --border-primary: #d8e0ea;
    --border-secondary: #e5eaf2;
    --success-color: #15803d;
    --success-fg: #ffffff;
    --warning-color: #b45309;
    --danger-color: #dc2626;
    --info-color: #2563eb;
    --neutral-color: #64748b;
    --code-bg: #0f172a;
    --code-fg: #f8fafc;
    --code-accent: #facc15;
    --code-border: #243044;
    --code-line-number: #94a3b8;
    --table-header-bg: #f1f5f9;
    --table-row-alt-bg: #f8fafc;
    --highlight-bg: #facc15;
    --highlight-fg: #122738;
    --hero-glow-primary: rgba(37, 99, 235, 0.12);
    --hero-glow-secondary: rgba(13, 148, 136, 0.1);
    --card-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);

    --platforms-bg: #eff6ff;
    --platforms-heading: #1d4ed8;
    --platforms-card-bg: #ffffff;
    --platforms-card-border: #bfdbfe;
    --platforms-card-bg-hover: #dbeafe;
    --formats-bg: #ecfdf5;
    --formats-heading: #047857;
    --formats-card-bg: #ffffff;
    --formats-card-border: #a7f3d0;
    --formats-card-bg-hover: #d1fae5;
    --mcp-bg: #f5f3ff;
    --mcp-heading: #7c3aed;
    --mcp-card-bg: #ffffff;
    --mcp-card-border: #ddd6fe;
    --mcp-card-bg-hover: #ede9fe;
    --mcp-example-fg: #4338ca;
    --mcp-example-bg: #eef2ff;
    --mcp-badge-bg: #7c3aed;
    --mcp-badge-fg: #ffffff;
    --mcp-badge-bg-hover: #8b5cf6;
    --prism-deleted: #b91c1c;
    --prism-string: #1d4ed8;
    --prism-operator: #0f766e;
    --prism-keyword: #7c3aed;
    --prism-variable: #b45309;

    --bb-site-header-bg: rgba(255, 255, 255, 0.95);
    --bb-site-header-bg-scrolled: rgba(255, 255, 255, 0.98);
    --bb-site-header-border: var(--border-primary);
    --bb-site-header-logo: var(--accent-primary);
    --bb-site-header-text: var(--text-secondary);
    --bb-site-header-active: var(--text-primary);
    --bb-site-header-cta-bg: var(--accent-primary);
    --bb-site-header-cta-bg-hover: var(--accent-secondary);
    --bb-site-header-cta-text: #ffffff;
    --bb-site-header-focus: #2563eb;
    --bb-site-header-control-bg: rgba(37, 99, 235, 0.08);
    --bb-site-header-control-hover-bg: rgba(37, 99, 235, 0.14);
    --bb-site-header-font: var(--font-sans);
    --bb-site-header-mono: var(--font-mono);
}

:root[data-bb-theme="dark"] {
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --accent-primary: #58a6ff;
    --accent-secondary: #1f6feb;
    --border-primary: #30363d;
    --border-secondary: #21262d;
    --success-color: #238636;
    --success-fg: #ffffff;
    --warning-color: #d29922;
    --danger-color: #f85149;
    --info-color: #58a6ff;
    --neutral-color: #8b949e;
    --code-bg: #161b22;
    --code-fg: #f0f6fc;
    --code-accent: #facc15;
    --code-border: #30363d;
    --code-line-number: #8b949e;
    --table-header-bg: #1c2128;
    --table-row-alt-bg: #161b22;
    --highlight-bg: #facc15;
    --highlight-fg: #122738;
    --hero-glow-primary: rgba(88, 166, 255, 0.1);
    --hero-glow-secondary: rgba(31, 111, 235, 0.1);
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);

    --platforms-bg: #111d2e;
    --platforms-heading: #58a6ff;
    --platforms-card-bg: #1a2332;
    --platforms-card-border: #253548;
    --platforms-card-bg-hover: #1e2a3d;
    --formats-bg: #0d1f1a;
    --formats-heading: #3fb950;
    --formats-card-bg: #122620;
    --formats-card-border: #1f3a2f;
    --formats-card-bg-hover: #163528;
    --mcp-bg: #1a1525;
    --mcp-heading: #b392f0;
    --mcp-card-bg: #221a30;
    --mcp-card-border: #3d2e52;
    --mcp-card-bg-hover: #2a1f3d;
    --mcp-example-fg: #9ecbff;
    --mcp-example-bg: rgba(158, 203, 255, 0.1);
    --mcp-badge-bg: #b392f0;
    --mcp-badge-fg: #0d1117;
    --mcp-badge-bg-hover: #d4bbff;
    --prism-deleted: #f97583;
    --prism-string: #9ecbff;
    --prism-operator: #79b8ff;
    --prism-keyword: #b392f0;
    --prism-variable: #ffab70;

    --bb-site-header-bg: rgba(13, 17, 23, 0.95);
    --bb-site-header-bg-scrolled: rgba(13, 17, 23, 0.98);
    --bb-site-header-border: #30363d;
    --bb-site-header-logo: #58a6ff;
    --bb-site-header-text: #8b949e;
    --bb-site-header-active: #f0f6fc;
    --bb-site-header-cta-bg: #58a6ff;
    --bb-site-header-cta-bg-hover: #1f6feb;
    --bb-site-header-cta-text: #0d1117;
    --bb-site-header-focus: #93c5fd;
    --bb-site-header-control-bg: rgba(88, 166, 255, 0.08);
    --bb-site-header-control-hover-bg: rgba(88, 166, 255, 0.14);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-bb-theme="light"]) {
        --bg-primary: #0d1117;
        --bg-secondary: #161b22;
        --bg-tertiary: #21262d;
        --text-primary: #f0f6fc;
        --text-secondary: #8b949e;
        --text-muted: #6e7681;
        --accent-primary: #58a6ff;
        --accent-secondary: #1f6feb;
        --border-primary: #30363d;
        --border-secondary: #21262d;
        --success-color: #238636;
        --success-fg: #ffffff;
        --warning-color: #d29922;
        --danger-color: #f85149;
        --info-color: #58a6ff;
        --neutral-color: #8b949e;
        --code-bg: #161b22;
        --code-fg: #f0f6fc;
        --code-accent: #facc15;
        --code-border: #30363d;
        --code-line-number: #8b949e;
        --table-header-bg: #1c2128;
        --table-row-alt-bg: #161b22;
        --highlight-bg: #facc15;
        --highlight-fg: #122738;
        --hero-glow-primary: rgba(88, 166, 255, 0.1);
        --hero-glow-secondary: rgba(31, 111, 235, 0.1);
        --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
        --platforms-bg: #111d2e;
        --platforms-heading: #58a6ff;
        --platforms-card-bg: #1a2332;
        --platforms-card-border: #253548;
        --platforms-card-bg-hover: #1e2a3d;
        --formats-bg: #0d1f1a;
        --formats-heading: #3fb950;
        --formats-card-bg: #122620;
        --formats-card-border: #1f3a2f;
        --formats-card-bg-hover: #163528;
        --mcp-bg: #1a1525;
        --mcp-heading: #b392f0;
        --mcp-card-bg: #221a30;
        --mcp-card-border: #3d2e52;
        --mcp-card-bg-hover: #2a1f3d;
        --mcp-example-fg: #9ecbff;
        --mcp-example-bg: rgba(158, 203, 255, 0.1);
        --mcp-badge-bg: #b392f0;
        --mcp-badge-fg: #0d1117;
        --mcp-badge-bg-hover: #d4bbff;
        --prism-deleted: #f97583;
        --prism-string: #9ecbff;
        --prism-operator: #79b8ff;
        --prism-keyword: #b392f0;
        --prism-variable: #ffab70;
        --bb-site-header-bg: rgba(13, 17, 23, 0.95);
        --bb-site-header-bg-scrolled: rgba(13, 17, 23, 0.98);
        --bb-site-header-border: #30363d;
        --bb-site-header-logo: #58a6ff;
        --bb-site-header-text: #8b949e;
        --bb-site-header-active: #f0f6fc;
        --bb-site-header-cta-bg: #58a6ff;
        --bb-site-header-cta-bg-hover: #1f6feb;
        --bb-site-header-cta-text: #0d1117;
        --bb-site-header-focus: #93c5fd;
        --bb-site-header-control-bg: rgba(88, 166, 255, 0.08);
        --bb-site-header-control-hover-bg: rgba(88, 166, 255, 0.14);
    }
}