/* Global Styles */
        body {
            font-family: 'Open Sans', sans-serif;
            background-color: #f8f8f8;
            /* Assuming light background based on brightness: Brightness.light */
            color: #003e15;
            /* Text color from Color(0xFF003e15) */
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #003e15;
            /* Color for headlines */
        }

        /* Headline Large */
        h1 {
            font-size: 32px;
            font-weight: bold;
            color: #003e15;
        }

        /* Headline Small */
        h2 {
            font-size: 24px;
            font-weight: bold;
            color: #003e15;
        }

        /* Body Medium */
        p,
        li,
        .body-medium {
            font-size: 14px;
            font-family: 'Hind', sans-serif;
            color: #003e15;
        }

        /* Button Styles */
        button,
        .elevated-button {
            background-color: #003e15;
            color: #ffffff;
            font-size: 16px;
            font-weight: bold;
            font-family: 'Open Sans', sans-serif;
            padding: 12px 24px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        button:hover,
        .elevated-button:hover {
            background-color: darkgreen;
            /* Darker green on hover */
        }

        /* Input Fields */
        input,
        textarea,
        select {
            font-family: 'Hind', sans-serif;
            font-size: 14px;
            color: #003e15;
            padding: 12px;
            border-radius: 8px;
            border: 1.5px solid #003e15;
            background-color: lightgreen;
            /* lightGreen color */
            outline: none;
        }

        input:focus,
        textarea:focus {
            border-color: darkgreen;
        }

        input::placeholder,
        textarea::placeholder {
            color: grey;
            font-size: 14px;
        }

        /* Navbar Styles */
        .navbar {
            background-color: #f8f8f8;
            color: #003e15;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        }

        .navbar-brand {
            color: #003e15;
        }

        .navbar-nav .nav-link {
            color: #003e15;
        }

        .navbar-nav .nav-link:hover {
            color: darkgreen;
        }

        .navbar-nav.ml-auto .nav-link {
            color: #003e15;
        }

        .navbar-nav.ml-auto .nav-link:hover {
            color: darkgreen;
        }

        /* Floating Action Button */
        .floating-action-button {
            background-color: #003e15;
            color: #ebebeb;
            border-radius: 50%;
            padding: 16px;
            cursor: pointer;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border: none;
        }

        .floating-action-button:hover {
            background-color: darkgreen;
        }

        .btn-primary {
            background-color: #003e15;
            color: #ffffff;
            border: none;
        }

        .btn-primary:hover {
            background-color: darkgreen;
        }

        /* Switch Styles */
        .switch {
            display: inline-block;
            width: 34px;
            height: 20px;
            position: relative;
            border-radius: 20px;
            background-color: grey;
            cursor: pointer;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .switch .slider {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            border-radius: 20px;
            transition: 0.4s;
        }

        .switch input:checked+.slider {
            background-color: lightgreen;
        }

        .switch .slider:before {
            content: "";
            position: absolute;
            left: 4px;
            top: 4px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: darkgreen;
            transition: 0.4s;
        }

        .switch input:checked+.slider:before {
            transform: translateX(14px);
        }

        /* Text Button */
        .text-button {
            background: none;
            color: #003e15;
            font-size: 16px;
            font-weight: bold;
            border: none;
            cursor: pointer;
        }

        .text-button:hover {
            text-decoration: underline;
        }

        .navbar-light {
            background-color: #f8f8f8;
            color: #003e15;
        }

        .navbar-light .navbar-brand {
            color: #003e15;
        }

        .navbar-light .navbar-nav .nav-link {
            color: #003e15;
        }

        .navbar-light .navbar-nav .nav-link:hover {
            color: darkgreen;
        }

        .navbar-light .navbar-nav.ml-auto .nav-link {
            color: #003e15;
        }

        .navbar-light .navbar-nav.ml-auto .nav-link:hover {
            color: darkgreen;
        }