:root {
            /* Your provided pastel green palette */
            --rabc-green-1: #77DD66;
            --rabc-green-2: #8FE381;
            --rabc-green-3: #A7E99C;
            --rabc-green-4: #BFEEB7;
            --rabc-green-5: #D7F4D2;
        }

        /* Light Mode Overrides */
        [data-bs-theme="light"] {
            --bs-body-bg: var(--rabc-green-5);
            --bs-primary: var(--rabc-green-1);
            --bs-primary-rgb: 119, 221, 102;
            --rabc-nav-bg: var(--rabc-green-4);
            --rabc-footer-bg: var(--rabc-green-3);
            --rabc-text: #212529;
        }

        /* Dark Mode Overrides */
        [data-bs-theme="dark"] {
            --bs-body-bg: #212529;
            --bs-primary: var(--rabc-green-1);
            --bs-primary-rgb: 119, 221, 102;
            --rabc-nav-bg: #1a1d20;
            --rabc-footer-bg: #15171a;
            --rabc-text: #f8f9fa;
        }

        /* Layout utilities to keep footer at the bottom */
        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            color: var(--rabc-text);
        }

        main {
            flex: 1;
        }

        /* Component specific styling */
        .navbar {
            background-color: var(--rabc-nav-bg) !important;
            transition: background-color 0.3s ease;
        }
        
        footer {
            background-color: var(--rabc-footer-bg);
            transition: background-color 0.3s ease;
        }

        .btn-primary {
            background-color: var(--bs-primary);
            border-color: var(--bs-primary);
            color: #000;
            font-weight: 500;
        }
        
        .btn-primary:hover {
            background-color: var(--rabc-green-2);
            border-color: var(--rabc-green-2);
            color: #000;
        }

        /* Theme toggle button styling */
        #theme-toggle {
            cursor: pointer;
            border: none;
            background: transparent;
            font-size: 1.2rem;
            color: var(--rabc-text);
        }