:root {
    /* Theme Variables */
    --theme-bg: #06402B;
    --theme-border: #007bff;
    --theme-font: #debe74;
    /* Optional extra theme vars */
    --theme-primary: #007bff;
    --theme-danger: #dc3545;
    --theme-success: #28a745;
    --theme-text-font:#06402B;
}

@font-face {
    font-family: 'poppins-regular';
    src: url('../font/popins/poppins-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppins-bold';
    src: url('../font/popins/poppins-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Global font color */
body {
    /*background-color: var(--theme-bg);*/
    color: var(--theme-font);
    font-family: 'Poppins', Arial, sans-serif;
}

/* Form Controls */
input, select, textarea, button {
    color: var(--theme-text-font);
    background-color: #fff;
    border: 1px solid var(--theme-border);
    padding: 0.5rem;
    border-radius: 4px;
}

    input:focus, select:focus, textarea:focus {
        border-color: var(--theme-primary);
        box-shadow: 0 0 4px var(--theme-primary);
    }

/* Buttons */
.btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

    .btn-primary:hover {
        background-color: #0056b3;
    }

/* Links */
a {
    color: var(--theme-primary);
}

    a:hover {
        color: #004085;
    }

/* Labels */
/*label {
    font-weight: bold;
    color: var(--theme-font);
}*/