/* Allotment Panel - Natural & Earthy Theme */
/* Greens, earth tones, organic feel */

/* ============================================
   GOOGLE FONT IMPORT
   Cabin - organic, down-to-earth humanist sans
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');

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

:root {
    /* Backgrounds */
    --niche-bg: #f5f7f4;
    --niche-bg-accent: #ecf0e8;
    --niche-cream: #fafbf9;

    /* Primary (forest green) */
    --niche-primary: #166534;
    --niche-primary-dark: #14532d;
    --niche-primary-light: #22c55e;
    --niche-primary-rgb: 22, 101, 52;

    /* Accent (earth brown) */
    --niche-accent: #92400e;
    --niche-accent-light: #d97706;

    /* Sidebar (emerald) */
    --niche-sidebar-bg: #047857;
    --niche-sidebar-dark: #065f46;

    /* Text & Border */
    --niche-text: #1c1917;
    --niche-border: #d6d3d1;
    --niche-border-rgb: 214, 211, 209;

    /* Typography - Cabin for organic, down-to-earth feel (headings only) */
    --niche-font-heading: 'Cabin', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ============================================
   ALLOTMENT-SPECIFIC: Subtle leaf pattern
   ============================================ */

.fi-body {
    background:
        url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23166534' fill-opacity='0.04'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(135deg, var(--niche-bg) 0%, var(--niche-bg-accent) 100%) !important;
    background-attachment: fixed !important;
}

/* ============================================
   ALLOTMENT-SPECIFIC: Leaf/plant pattern on sidebar
   ============================================ */

.fi-sidebar {
    background:
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2322c55e' fill-opacity='0.06'%3E%3Cpath d='M30 5c0 8-6 14-14 14 0-8 6-14 14-14zm0 0c0 8 6 14 14 14 0-8-6-14-14-14z'/%3E%3Cpath d='M30 35c0 8-6 14-14 14 0-8 6-14 14-14zm0 0c0 8 6 14 14 14 0-8-6-14-14-14z'/%3E%3Cline x1='30' y1='19' x2='30' y2='35' stroke='%2322c55e' stroke-opacity='0.06' stroke-width='2'/%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;
}