/* Charity Panel - Compassionate & Trustworthy Theme */
/* Warm blues, soft oranges, welcoming feel */

/* ============================================
   GOOGLE FONT IMPORT
   Nunito - friendly, approachable rounded sans
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap');

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

:root {
    /* Backgrounds */
    --niche-bg: #f7f9fc;
    --niche-bg-accent: #eef3f9;
    --niche-cream: #ffffff;

    /* Primary (blue) */
    --niche-primary: #2563eb;
    --niche-primary-dark: #1d4ed8;
    --niche-primary-light: #3b82f6;
    --niche-primary-rgb: 37, 99, 235;

    /* Accent (orange) */
    --niche-accent: #f59e0b;
    --niche-accent-light: #fbbf24;

    /* Sidebar (blue) */
    --niche-sidebar-bg: #2563eb;
    --niche-sidebar-dark: #1d4ed8;

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

    /* Typography - Nunito for friendly, approachable feel (headings only) */
    --niche-font-heading: 'Nunito', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ============================================
   CHARITY-SPECIFIC: Hearts pattern on sidebar
   ============================================ */

.fi-sidebar {
    background:
        url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 39.5l-2.5-2.3C12.5 28.3 6 22.4 6 15.2 6 9.3 10.7 5 16.5 5c3.3 0 6.5 1.5 8.5 4 2-2.5 5.2-4 8.5-4C39.3 5 44 9.3 44 15.2c0 7.2-6.5 13.1-16.5 22l-2.5 2.3z' fill='%23fbbf24' fill-opacity='0.06'/%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;
}