/* Council Panel - Official & Trustworthy Theme */
/* Navy blue, slate, professional government feel */

/* ============================================
   GOOGLE FONT IMPORT
   Roboto Slab - authoritative, official slab-serif
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap');

/* ============================================
   COLOR & FONT VARIABLES
   ============================================ */

:root {
    /* Backgrounds */
    --niche-bg: #f8fafc;
    --niche-bg-accent: #f1f5f9;
    --niche-cream: #ffffff;

    /* Primary (navy) */
    --niche-primary: #1e3a5f;
    --niche-primary-dark: #0f172a;
    --niche-primary-light: #334155;
    --niche-primary-rgb: 30, 58, 95;

    /* Accent (gold) */
    --niche-accent: #ca8a04;
    --niche-accent-light: #eab308;

    /* Sidebar (slate) */
    --niche-sidebar-bg: #334155;
    --niche-sidebar-dark: #1e293b;

    /* Text & Border */
    --niche-text: #0f172a;
    --niche-border: #cbd5e1;
    --niche-border-rgb: 203, 213, 225;

    /* Typography - Roboto Slab for authoritative, official feel (headings only) */
    --niche-font-heading: 'Roboto Slab', Georgia, 'Times New Roman', serif;
}

/* ============================================
   COUNCIL-SPECIFIC: Geometric civic grid pattern on sidebar
   ============================================ */

.fi-sidebar {
    background:
        url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23eab308' stroke-opacity='0.06' stroke-width='1'%3E%3Cpath d='M0 20h40M20 0v40'/%3E%3Crect x='8' y='8' width='24' height='24'/%3E%3Crect x='14' y='14' width='12' height='12'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, var(--niche-sidebar-bg) 0%, var(--niche-sidebar-dark) 100%) !important;
    border-right: 3px solid var(--niche-accent) !important;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15) !important;
}