@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


* {
    font-family: "Roboto", sans-serif;
}


:root {
    --primary: #1e5b41;
    --primary-light: #2a6e52;
    --primary-lighter: #3a8b6a;
    --primary-shadow: rgba(30, 91, 65, 0.25);
    --primary-dark: #163f2e;
    --primary-soft: #d9e9e1;
    --primary-soft-border: #b3d3c3;
    --primary-soft-gradient: linear-gradient(120deg, #d9e9e1 0%, #b3d3c3 100%);
    --primary-active: #2a6e52;
    --accent: #deb406;
    --accent-dark: #b38f04;
    --light: #f8f9fa;
    --dark: #212529;
    --border-light: #dee2e6;
    --white: #ffffff;
    --shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    --gray-dark: #495057;
    --gray: #787d81;
    --gray-light: #b7bdc4;
    --gray-lighter: #dee2e6;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
}


:root,
[data-bs-theme="light"] {
    --bs-primary: #1e5b41;
    --bs-primary-rgb: 30, 91, 65;
    --bs-primary-text-emphasis: #123726;
    --bs-primary-bg-subtle: #d9e9e1;
    --bs-primary-border-subtle: #b3d3c3;

    --bs-secondary: #d1d1d1;
    --bs-secondary-rgb: 209, 209, 209;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-secondary-border-subtle: #dee2e6;
    --bs-secondary-text-emphasis: #495057;
    --bs-secondary-text-subtle: #6c757d;
    --bs-secondary-text-muted: #adb5bd;

    --bs-success: #2a6e52;
    --bs-success-rgb: 42, 110, 82;
    --bs-success-bg-subtle: #d9e9e1;
    --bs-success-border-subtle: #b3d3c3;
    --bs-success-text-emphasis: #123726;


    --bs-info: #4a90a4;
    --bs-info-rgb: 74, 144, 164;
    --bs-info-bg-subtle: #d9e9e1;
    --bs-info-border-subtle: #b3d3c3;
    --bs-info-text-emphasis: #123726;

    --bs-warning: #d4a017;
    --bs-warning-rgb: 212, 160, 23;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-warning-border-subtle: #ffe69c;
    --bs-warning-text-emphasis: #664d03;

    --bs-danger: #b3261e;
    --bs-danger-rgb: 179, 38, 30;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-danger-text-emphasis: #58151c;

    --bs-link-color-rgb: 30, 91, 65;
    --bs-link-hover-color-rgb: 18, 55, 38;
}

.btn:focus, .btn.focus, .btn:active, .btn.active, .show > .btn.dropdown-toggle {
    box-shadow: none !important;
}

.btn {
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
}

.btn:active:not(:disabled):not(.disabled) {
    transform: translateY(1px) scale(0.98);
    filter: brightness(0.96);
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary:hover {
    background-color: var(--primary-active);
    border-color: var(--primary-active);
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-active) !important;
    border-color: var(--primary-active) !important;
    /* box-shadow: 0 0 0 0.25rem rgba(30, 91, 65, 0.5) !important; */
}

.btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    cursor: not-allowed !important;
}


.btn-secondary {
    background-color: var(--gray-light);
    border-color: var(--gray-light);
}
.btn-secondary:hover {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-secondary-text-emphasis) !important;
}
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    /* box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5) !important; */
}
.btn-secondary:disabled, .btn-secondary.disabled {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    cursor: not-allowed !important;
}

.btn-white {
    background-color: #fff;
    border-color: #d7d7d7;
    color: var(--primary);
}
.btn-white:hover {
    background-color: #fff;
    border-color: #d7d7d7;
}


.btn-accent {
    background-color: var(--accent);
    border-color: var(--accent);
}
.btn-accent:hover {
    background-color: var(--accent-dark);
    border-color: var(--accent-dark);
}
.btn-accent:focus, .btn-accent.focus, .btn-accent:active, .btn-accent.active, .show > .btn-accent.dropdown-toggle {
    background-color: var(--accent-dark) !important;
    border-color: var(--accent-dark) !important;
    /* box-shadow: 0 0 0 0.25rem rgba(212, 160, 23, 0.5) !important; */
}

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



.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}