/* BPBytes design tokens - palette, type and radii use the refined-indigo palette */
@font-face { font-family: 'Lato'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/Lato-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/Lato-Semibold.ttf') format('truetype'); }
@font-face { font-family: 'Lato'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/Lato-Bold.ttf') format('truetype'); }

:root {
    --bp-sidebar-width: 260px;
    --bp-sidebar-collapsed-width: 76px;
    --bp-topbar-height: 64px;
    --bp-footer-height: 40px;

    /* App sidebar: dark navy gradient — lightened a touch from the original, and both text
       tones brightened for better readability against it (the muted tone in particular was
       only ~4.3:1 contrast, borderline for small uppercase category labels) */
    --bp-sidebar-bg: #1b2150;
    --bp-sidebar-bg-2: #1b2150;
    --bp-sidebar-hover: rgba(255, 255, 255, 0.07);
    --bp-sidebar-active: #5547b5;
    --bp-sidebar-text: #ffffff;
    --bp-sidebar-text-muted: rgba(255, 255, 255, 0.8);
    --bp-sidebar-border: rgba(255, 255, 255, 0.22);

    --bp-accent: #3693d9;
    --bp-accent-hover: #2a7cc0;
    --bp-accent-soft: rgba(54, 147, 217, 0.14);

    --bp-primary: #5547b5;
    --bp-primary-hover: #463a9b;
    --bp-primary-soft: rgba(85, 71, 181, 0.12);

    --bp-success: #16a34a;
    --bp-success-soft: #e3f6ea;
    --bp-danger: #dc2626;
    --bp-danger-soft: #fde8e8;
    --bp-warning: #b45309;
    --bp-warning-soft: #fef3d7;
    --bp-info: #3693d9;

    /* Category color-swatch palette, cycled by nth-of-type in sidebar.css */
    --bp-cat-1: #5547b5;
    --bp-cat-2: #3693d9;
    --bp-cat-3: #0aa5cc;
    --bp-cat-4: #8b6fe0;
    --bp-cat-5: #f59e0b;
    --bp-cat-6: #ef4444;
    --bp-cat-7: #f97316;
    --bp-cat-8: #84cc16;

    --bp-bg: #f1f3fa;
    --bp-surface: #ffffff;
    --bp-surface-alt: #f7f8fd;
    --bp-border: #e2e6f2;
    --bp-border-strong: #cfd5e8;

    --bp-text: #1f2440;
    --bp-text-muted: #5d6480;
    --bp-text-faint: #98a0b8;

    --bp-control-h: 40px;
    --bp-btn-h: 36px;
    --bp-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b667a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    --bp-header-tint: linear-gradient(120deg, #f5f5ff, #eef6ff);

    --bp-radius-sm: 8px;
    --bp-radius: 12px;
    --bp-radius-lg: 18px;
    --bp-radius-xl: 22px;

    --bp-shadow-sm: 0 1px 2px rgba(30, 34, 53, 0.06);
    --bp-shadow: 0 2px 8px rgba(30, 34, 53, 0.07), 0 1px 2px rgba(30, 34, 53, 0.05);
    --bp-shadow-lg: 0 10px 25px rgba(30, 34, 53, 0.12), 0 4px 10px rgba(30, 34, 53, 0.06);

    --bp-title: #27225a;

    --bp-font: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --bp-transition: 160ms ease;
    --bp-z-header: 1000;
    --bp-z-sidebar: 950;
    --bp-z-dropdown: 1100;
}