/** Theme vars are dynamically inserted into the dom by the theme switcher */

ig-light {
    /* Muted warm grayscale that keeps contrast high without feeling stark */
    --ig-background: #f6f3ef;
    --ig-surface: #ffffff;
    --ig-surface-subtle: #f0f2f5;
    --ig-text-color: #0f172a;
    --ig-text-muted: #4b5563;
    --ig-nav-item-color: rgba(15, 23, 42, 0.85);
    --ig-border-color: #d7dee5;
    --ig-card-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    --ig-overlay: rgba(15, 23, 42, 0.28);
    --ig-accent: #2563eb;
    --ig-accent-soft: #dbeafe;
    --ig-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.35);
    --ig-font-size: 15px;
    --bs-border-color: var(--ig-border-color);
    --bs-badge-font-size: 0.85em;
}

ig-dark {
    color-scheme: dark;
    /* Deep navy palette with softened contrast for icons and cards */
    --ig-background: #0f1724;
    --ig-surface: #141f31;
    --ig-surface-subtle: #18233a;
    --ig-text-color: #f3f6fb;
    --ig-text-muted: #b8c5d6;
    --ig-nav-item-color: rgba(243, 246, 251, 0.9);
    --ig-icon-color: #f3f6fb;
    --ig-border-color: #23324a;
    --ig-card-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
    --ig-overlay: rgba(10, 15, 26, 0.6);
    --ig-accent: #8ad1ff;
    --ig-accent-soft: #0f2f4d;
    --ig-focus-ring: 0 0 0 3px rgba(138, 209, 255, 0.32);
    --ig-font-size: 15px;
    --bs-border-color: var(--ig-border-color);
    --bs-badge-font-size: 0.85em;
}