/*
 * Diskur theme: the one place to personalise Tabler.
 * Change these variables to restyle the whole application.
 * Both colour schemes are driven by the data-bs-theme attribute on <html>.
 */
:root,
[data-bs-theme="light"] {
    --diskur-accent: #2f8160;
    --diskur-accent-rgb: 47, 129, 96;
    --diskur-accent-hover: #27694e;
    --diskur-accent-soft: #e6f1ed;
    --diskur-sidebar-bg: #17211d;

    --tblr-primary: var(--diskur-accent);
    --tblr-primary-rgb: var(--diskur-accent-rgb);
    --tblr-primary-fg: #ffffff;
    --tblr-primary-darken: var(--diskur-accent-hover);
    --tblr-primary-lt: var(--diskur-accent-soft);
    --tblr-primary-lt-rgb: 230, 241, 237;
    --tblr-link-color: var(--diskur-accent);
    --tblr-link-color-rgb: var(--diskur-accent-rgb);
    --tblr-link-hover-color: var(--diskur-accent-hover);
    --tblr-active-bg: var(--diskur-accent-soft);

    --tblr-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --tblr-border-radius: 0.5rem;
    --tblr-border-radius-lg: 0.75rem;
}

[data-bs-theme="dark"] {
    --diskur-accent: #3fa57c;
    --diskur-accent-rgb: 63, 165, 124;
    --diskur-accent-hover: #5cc29a;
    --diskur-accent-soft: rgba(63, 165, 124, 0.16);
    --diskur-sidebar-bg: #0f1613;

    --tblr-primary-fg: #08140f;
    --tblr-primary-lt-rgb: 21, 42, 33;
    --tblr-link-color: #5cc29a;
    --tblr-link-color-rgb: 92, 194, 154;
    --tblr-link-hover-color: #86d6b6;
}

/*
 * Sidebar and top bar share one surface and one header height, so the line under
 * the brand continues across the top bar. Both follow the active colour scheme.
 */
:root {
    --diskur-header-height: 4rem;
    --diskur-chrome-bg: var(--tblr-bg-surface);
    --diskur-chrome-border: var(--tblr-border-color);
}

/*
 * Tabler shifts the root right by the width of a classic scrollbar. The fixed sidebar does not
 * move with it, which leaves a gap between sidebar and top bar. Keep the root in place.
 */
:root {
    margin-left: 0;
}

.navbar-vertical {
    --tblr-navbar-bg: var(--diskur-chrome-bg);
    background-color: var(--diskur-chrome-bg);
    border-right: 1px solid var(--diskur-chrome-border);
    box-shadow: none;
}