/**
 * jOpenSim — Unified theme bridge
 * Maps page-local tokens to --zn-* so dark mode is consistent on every view.
 */

:root,
[data-theme="dark"],
[data-theme="night"] {
    --zn-chrome-bg: #181926;
    --zn-bg-primary: #181926;
    --zn-bg-secondary: #1e2030;
    --zn-bg-tertiary: #252838;
    --zn-bg-card: #1e2030;
    --zn-bg-input: #252838;

    /* Legacy jOpenSim modern UI */
    --jos-bg-primary: var(--zn-bg-primary);
    --jos-bg-secondary: var(--zn-bg-secondary);
    --jos-bg-tertiary: var(--zn-bg-tertiary);
    --jos-bg-card: var(--zn-bg-card);

    /* Settings page */
    --settings-bg: var(--zn-bg-primary);
    --page-gradient: var(--zn-bg-primary);

    /* GDPR dashboard */
    --gdpr-bg: var(--zn-bg-primary);
    --gdpr-card: var(--zn-bg-card);
    --gdpr-card-hover: var(--zn-bg-hover);
    --gdpr-border: var(--zn-border-color);
    --gdpr-text: var(--zn-text-primary);
    --gdpr-text-secondary: var(--zn-text-secondary);

    /* Help center */
    --hp-bg: var(--zn-bg-primary);
    --hp-gradient: var(--zn-bg-primary);

    /* Guide / showcase */
    --sc-bg: var(--zn-bg-primary);
    --sc-gradient: var(--zn-bg-primary);

    /* Profile facebook fallbacks */
    --fb-gray-bg: var(--zn-bg-primary);
    --fb-card-bg: var(--zn-bg-card);
    --fb-white: var(--zn-bg-secondary);

    /* Social feed cards */
    --card-bg: var(--zn-bg-card);
}

[data-theme="light"],
[data-theme="day"] {
    --zn-chrome-bg: #f3f4f8;
    --zn-bg-primary: #f3f4f8;
    --zn-bg-secondary: #ffffff;
    --zn-bg-tertiary: #e8ebf2;
    --zn-bg-card: #ffffff;
    --zn-bg-input: #ffffff;
    --zn-bg-hover: rgba(15, 23, 42, 0.05);
    --zn-text-primary: #0f172a;
    --zn-text-secondary: #475569;
    --zn-text-tertiary: #64748b;
    --zn-border-color: rgba(15, 23, 42, 0.10);
    --zn-glass-bg: rgba(255, 255, 255, 0.90);
    --zn-glass-bg-heavy: #ffffff;
    --zn-glass-border: rgba(15, 23, 42, 0.10);
    --page-gradient: var(--zn-bg-primary);
    --hp-gradient: var(--zn-bg-primary);
    --sc-gradient: var(--zn-bg-primary);

    --jos-bg-primary: var(--zn-bg-primary);
    --jos-bg-secondary: var(--zn-bg-secondary);
    --jos-bg-tertiary: var(--zn-bg-tertiary);
    --jos-bg-card: var(--zn-bg-card);
    --settings-bg: var(--zn-bg-primary);
    --gdpr-bg: var(--zn-bg-primary);
    --gdpr-card: var(--zn-bg-card);
    --gdpr-text: var(--zn-text-primary);
    --gdpr-text-secondary: var(--zn-text-secondary);
    --gdpr-border: var(--zn-border-color);
    --fb-gray-bg: var(--zn-bg-primary);
    --fb-card-bg: var(--zn-bg-card);
    --fb-white: var(--zn-bg-secondary);
    --card-bg: var(--zn-bg-card);
}

/* Content area: subtle depth, same hue family as chrome */
.zn-main-content {
    background: var(--zn-chrome-bg);
}

.zn-content-inner {
    background: transparent;
}

/* Fediverse page glass inherits global tokens */
.fedi-page {
    --fedi-glass-bg: var(--zn-glass-bg);
    --fedi-glass-bg-heavy: var(--zn-glass-bg-heavy);
    --fedi-glass-border: var(--zn-glass-border);
    --fedi-glass-hover: var(--zn-bg-hover);
    --fedi-glass-input: var(--zn-bg-input);
}