/* Создать CSS переменные */
:root {
    --primary: #54B948;
    --success: #94C763;
    --green-dark: #7cad48;
    --black: #000;
    --gray-800: #444;
    --gray-600: #6c757d;
    --secondary: #888888;
    --gray-300: #dee2e6;
    --gray-200: #e9ecef;
    --light: #EBE9E9;
    --gray-100: #f8f9fa;
    --white: #fff;
    --blue: #0d6efd;
    --shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Bootstrap icons */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

/*
.logo-img{
    background-image: url("../img/logo-32x32.png");
}
 */
body {
    background-color: var(--light); /* #f1f1f1 */
}

.text-primary {
    color: var(--primary) !important;
}

.text-info {
    color: var(--blue) !important;
}

/* Background utilities */
.bg-main {
    background-color: var(--primary) !important;
}

.btn-success {
    background-color: var(--success) !important;
    border-color: var(--green-dark) !important
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--green-dark) !important
}

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

.bg-success {
    background-color: var(--success) !important;
}

/* Button styles */
.btn-success {
    color: var(--white) !important;
}

.btn-success:hover {
    background-color: var(--green-dark) !important;
    border-color: var(--green-dark) !important;
}

.btn-outline-success {
    color: var(--gray-800) !important;
    background-color: var(--white) !important;
    border-color: var(--green-dark) !important;
}

.btn-outline-success:hover {
    color: var(--gray-800) !important;
}

/* Form styles */
input[type="text"][disabled] {
    background-color: var(--gray-100);
}