/**
 * Bhakti Marga Portal Core - Brand Design Tokens & Base Typography
 * Package: @prabandha/portal-core
 * Architecture: Prabandha Multi-Portal Monorepo
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    /* Primary Brand Palette */
    --bm-primary: #16254C;
    --bm-primary-hover: #243B75;
    --bm-accent: #8C734B;
    --bm-accent-light: #DFC9AC;
    --bm-warm-bg: #F3F0EA;

    /* Secondary Functional Accents */
    --bm-orange: #D65F00;
    --bm-teal: #00A0AF;
    --bm-green: #71984A;
    --bm-purple: #5F4776;

    /* Text & Content Hierarchy */
    --bm-text: #1E293B;
    --bm-text-muted: #64748B;
}

/* Typography Defaults */
body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #F8FAFC;
    color: var(--bm-text);
}

.font-sans {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Interactive Utilities */
.clickable-cell {
    cursor: pointer;
    transition: all 0.15s ease;
}

.clickable-cell:hover {
    color: var(--bm-orange);
}

/* Custom Scrollbars (Webkit & Standard) */
html {
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 #F1F5F9;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #F1F5F9;
}

::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

/* Transitions & Animations */
.drawer-transition {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}