:root,
:root[data-theme='dark'] {
    --lr-font-sans: var(--st-font-sans);
    --lr-accent: var(--st-primary);
    --lr-accent-dark: var(--st-primary);
    --lr-accent-current: var(--st-primary);
    --lr-accent-color: var(--st-primary);
    --lr-accent-foreground: var(--st-primary-foreground);
    --lr-accent-hover: color-mix(
        in oklch,
        var(--st-primary) 90%,
        var(--st-foreground)
    );
    --lr-accent-soft: color-mix(
        in oklch,
        var(--st-primary) 8%,
        var(--st-background)
    );
    --lr-paper: var(--st-background);
    --lr-ink: var(--st-foreground);
    --lr-ink-solid: var(--st-foreground);
    --lr-ink-muted: var(--st-muted-foreground);
    --lr-ink-faint: var(--st-muted-foreground);
    --lr-surface: var(--st-muted);
    --lr-surface-2: var(--st-muted);
    --lr-sidebar-bg: var(--st-sidebar);
    --lr-sidebar-active: color-mix(
        in oklch,
        var(--st-primary) 9%,
        var(--st-background)
    );
    --lr-sidebar-hover: var(--st-muted);
    --lr-hairline: var(--st-border);
    --lr-hairline-strong: var(--st-border);
    --lr-header-height: 76px;
    --lr-radius-sm: 6px;
    --lr-radius-md: 10px;
    --lr-radius-lg: 14px;
}
.lr-header {
    padding-inline: 28px;
}
.lr-brand {
    gap: 10px;
}
.lr-brand img {
    width: 28px;
    height: 28px;
}
.lr-brand-name {
    font-family: var(--st-font-sans);
    font-size: 20px;
    letter-spacing: -0.04em;
}
.lr-root .lr-sidebar-switch,
html[data-lr-sidebar='hidden'] .lr-root .lr-sidebar-switch {
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--st-border);
    border-radius: 8px;
    background: transparent;
    color: var(--st-muted-foreground);
}
.lr-sidebar-switch::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    background: currentColor;
    mask: url('/sidebar.svg') center / contain no-repeat;
}
.lr-sidebar-switch:hover {
    background: var(--st-muted);
    color: var(--st-foreground);
}
.lr-sidebar-switch .lr-switch-thumb {
    display: none;
}
.lr-article {
    line-height: 1.8;
}
@media (max-width: 767px) {
    .lr-header {
        padding-inline: 12px;
    }
}