/* ============================================
   Graphynia — Theme Colors (Light & Dark)
   ============================================ */

/* Light theme (default) */
[data-bs-theme="light"] {
    --gn-topbar-bg: #ffffff;
    --gn-topbar-color: #212529;
    --gn-topbar-border: #dee2e6;

    --gn-sidebar-bg: #ffffff;
    --gn-sidebar-color: #495057;
    --gn-sidebar-hover-bg: #f0f0f0;
    --gn-sidebar-hover-color: #212529;
    --gn-sidebar-active-color: #0d6efd;

    --gn-body-bg: #f5f5f5;
    --gn-body-color: #212529;

    --gn-card-bg: #ffffff;
    --gn-card-border: #dee2e6;
    --gn-card-hover-border: #0d6efd;

    /* Bootstrap's own #6c757d and #0d6efd clear 4.5:1 on a white card but
       not on the page background behind it - 4.30 and 4.13 - and that is
       where the page intros, breadcrumbs, footer text and prose links sit.
       Nudged just far enough to pass with margin: 4.82 and 4.72 on
       --gn-body-bg, 5.25 and 5.15 on white. The dark theme below already
       passes comfortably and is untouched. */
    --gn-muted: #656d75;
    --gn-accent: #0c66e8;
}

/* Dark theme */
[data-bs-theme="dark"] {
    --gn-topbar-bg: #1a1a2e;
    --gn-topbar-color: #e0e0e0;
    --gn-topbar-border: #2d2d44;

    --gn-sidebar-bg: #16213e;
    --gn-sidebar-color: #a0a0b0;
    --gn-sidebar-hover-bg: #1a1a2e;
    --gn-sidebar-hover-color: #ffffff;
    --gn-sidebar-active-color: #6ea8fe;

    --gn-body-bg: #0f0f1a;
    --gn-body-color: #e0e0e0;

    --gn-card-bg: #16213e;
    --gn-card-border: #2d2d44;
    --gn-card-hover-border: #6ea8fe;
    --gn-muted: #8a8a9e;
    --gn-accent: #6ea8fe;
}