:root {
    --color-primary: #0B5B50; /* Dark Teal for buttons */
    --color-primary-focus: #084C41; /* Darker Teal */
    --color-bright-accent: #A7F3D0; /* Light green for highlights */
    --color-background: transparent; /* Set to transparent to allow gradient */
    --color-card-background: #FFFFFF;
    --color-text-dark: #1E293B;
    --color-text-light: #F8FAFC;
    --color-income: #16A34A;
    --color-spending: #DC2626;
    --color-warning: #f59e0b;
}
body { 
    font-family: 'Inter', sans-serif; 
    background: linear-gradient(to bottom, #0B6C1F 0%, #15D23C 67%, #FFFFFF 100%);
    background-attachment: fixed; /* Ensures gradient covers the whole page */
    color: var(--color-text-dark); /* Default text color is now dark */
}
.main-content { padding-bottom: 100px; }
.shadow-top { box-shadow: 0 -4px 15px -1px rgb(0 0 0 / 0.1); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #e2e8f0; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }
.modal-card { max-width: 400px; width: 100%; }
.prose h1, .prose h2, .prose h3 { color: var(--color-text-dark); }
.prose p, .prose li, .prose ul { color: #475569; }
.prose strong { color: #0f172a; }
.ad-container > div, .ad-container > iframe { margin: auto !important; }