/* BPWritting public global CSS
   Centralized custom CSS for ALL pages (guest + app).
   Tailwind utility styles are provided by the Tailwind CDN.
*/

/* Default variables (guest / public pages) */
:root {
    --primary: #359EFF;
    --background-light: #f5f7f8;
    --background-dark: #0f1923;
    --surface-light: #ffffff;
    --surface-dark: #1e293b;
}

/* Auth/app variables (dashboard area) */
.bpw-dashboard {
    --primary: #2563eb;
    --background-light: #f8fafc;
    --background-dark: #0f172a;
    --surface-light: #ffffff;
    --surface-dark: #1e293b;
}

body {
    font-family: 'Inter', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Dashboard-specific helpers */
.nav-link-active {
    color: var(--primary);
    position: relative;
}
.nav-link-active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--primary);
}

/* Scrollbars */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

/* Mobile menu open by hash target */
#mobile-menu:target {
    display: flex;
}