/* Generated by theme_manager.generate_css() -- do not edit. */

:root[data-mantine-color-scheme="light"] {
    --mantine-color-bg: #f7f7f8;
    --mantine-color-body: #f7f7f8;
    --mantine-color-text: #15191b;
    --tarxiv-color-primary: #b31b1b;
    --tarxiv-footer-bg: #1c2224;
    --tarxiv-bg: #f7f7f8;
    --tarxiv-card: #ffffff;
    --tarxiv-card-2: #f2f2f4;
    --tarxiv-border: rgba(18, 22, 23, 0.10);
    --tarxiv-border-strong: rgba(18, 22, 23, 0.18);
    --tarxiv-ink: #15191b;
    --tarxiv-ink-2: #5a6166;
    --tarxiv-ink-3: #8b9196;
    --tarxiv-primary-hover: #971616;
    --tarxiv-primary-ink: #b31b1b;
    --tarxiv-primary-soft: rgba(179, 27, 27, 0.07);
    --tarxiv-primary-soft-2: rgba(179, 27, 27, 0.14);
    --tarxiv-grid: #ececef;
    --tarxiv-axis: #c9ccd0;
    --tarxiv-shadow: 0 1px 2px rgba(18,22,23,0.05), 0 4px 16px rgba(18,22,23,0.05);
    --tarxiv-shadow-lg: 0 4px 12px rgba(18,22,23,0.08), 0 12px 40px rgba(18,22,23,0.10);
    --tarxiv-card-1: #ffffff;
    --tarxiv-surface-1: #f2f2f4;
    --tarxiv-surface-2: #f2f2f4;
}

:root[data-mantine-color-scheme="dark"] {
    --mantine-color-bg: #121617;
    --mantine-color-body: #121617;
    --mantine-color-text: #f2f4f5;
    --tarxiv-color-primary: #b31b1b;
    --tarxiv-footer-bg: #1c2224;
    --tarxiv-bg: #121617;
    --tarxiv-card: #1c2224;
    --tarxiv-card-2: #242c2f;
    --tarxiv-border: rgba(255, 255, 255, 0.09);
    --tarxiv-border-strong: rgba(255, 255, 255, 0.16);
    --tarxiv-ink: #f2f4f5;
    --tarxiv-ink-2: #a9b2b7;
    --tarxiv-ink-3: #737d82;
    --tarxiv-primary-hover: #cb2a2a;
    --tarxiv-primary-ink: #e06058;
    --tarxiv-primary-soft: rgba(224, 96, 88, 0.10);
    --tarxiv-primary-soft-2: rgba(224, 96, 88, 0.18);
    --tarxiv-grid: #262e31;
    --tarxiv-axis: #3d4649;
    --tarxiv-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.25);
    --tarxiv-shadow-lg: 0 4px 12px rgba(0,0,0,0.35), 0 12px 40px rgba(0,0,0,0.40);
    --tarxiv-card-1: #1c2224;
    --tarxiv-surface-1: #242c2f;
    --tarxiv-surface-2: #242c2f;
}


/* ------------------------------------------------------------- page plane */
/* Mantine paints the body from its own `body` rule, which would otherwise win
   on load order and leave the page pure white against white cards. The
   :root[...] prefix raises specificity above a bare `body` selector so the
   off-white plane holds whichever stylesheet lands last. */
:root[data-mantine-color-scheme] body,
:root[data-mantine-color-scheme] .mantine-AppShell-root,
:root[data-mantine-color-scheme] .mantine-AppShell-main {
    background-color: var(--tarxiv-bg);
}

/* ---------------------------------------------------------------- topbar */
.tarxiv-wordmark {
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.02em;
    color: var(--tarxiv-ink);
    text-decoration: none;
    white-space: nowrap;
}
.tarxiv-wordmark:hover { text-decoration: none; }
.tarxiv-wordmark .x { color: var(--tarxiv-primary-ink); }

.tarxiv-topnav-link {
    display: inline-block;
    color: var(--tarxiv-ink-2);
    font-weight: 500;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 120ms ease, color 120ms ease;
}
.tarxiv-topnav-link:hover {
    color: var(--tarxiv-ink);
    background-color: var(--tarxiv-card-2);
    text-decoration: none;
}
.tarxiv-topnav-link.active {
    color: var(--tarxiv-primary-ink);
    background-color: var(--tarxiv-primary-soft);
}

/* ------------------------------------------------------------ card head */
.tarxiv-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--tarxiv-border);
}

/* Ensure long words wrap instead of clipping */
.nav-text-wrap {
    white-space: normal;
    word-break: break-word;
    line-height: 1.1;
}