:root {
  --main-color: #198754;
}

        body {
            background-color: #f8f9fa;
        }

        .btn-primary {
            background-color: var(--main-color);
            border-color:var(--main-color);
        }

        .btn-primary:hover {
            background-color: #146c43;
            border-color: #146c43;
        }

        .form-container {
            max-width: 400px;
            margin-top: 30px;
            padding: 30px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
        }

     	.category-title {
            margin-top: 2rem;
            margin-bottom: 1rem;
            color: <?= $color ?>;
            border-bottom: 2px solid var(--main-color);
            padding-bottom: 0.3rem;
        }
		 .navbar {
            background-color: var(--main-color);
        }
        .navbar-brand, .nav-link, .navbar-text {
            color: white !important;
        }