:root {
            --hema-primary: #A86523;
            --hema-secondary: #FAD59A;
            --hema-accent: #A76545;
            --hema-highlight: #FFA55D;
        }

        body {
            background-color: var(--hema-secondary);
        }

        .navbar {
            background-color: var(--hema-primary) !important;
        }

        .navbar .navbar-brand,
        .navbar .nav-link {
            color: #fff !important;
            font-weight: 500;
        }

        .navbar .nav-link.active,
        .navbar .nav-link:hover {
            color: var(--hema-highlight) !important;
        }

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

        .btn-primary:hover,
        .btn-primary:focus {
            background-color: var(--hema-primary);
            border-color: var(--hema-primary);
        }

        .btn-warning {
            background-color: var(--hema-highlight);
            border-color: var(--hema-highlight);
            color: #fff;
        }

        .btn-warning:hover,
        .btn-warning:focus {
            background-color: var(--hema-primary);
            border-color: var(--hema-primary);
            color: #fff;
        }

        .bg-light {
            background-color: var(--hema-secondary) !important;
        }

        .input-group-text {
            background-color: var(--hema-secondary) !important;
            color: var(--hema-primary);
        }

        .form-select,
        .form-control {
            border-color: var(--hema-primary);
        }