:root {
    --green: #d2ef9a;
    --black: #1f1f1f;
    --secondary: #696c70;
    --secondary2: #a0a0a0;
    --white: #ffffff;
    --surface: #f7f7f7;
    --red: #db4444;
    --purple: #8684d4;
    --success: #3dab25;
    --yellow: #ecb018;
    --pink: #f4407d;
    --line: #e9e9e9;
    --outline: rgba(0, 0, 0, 0.15);
    --surface1: rgba(255, 255, 255, 0.1);
    --surface2: rgba(255, 255, 255, 0.2);
}
.custom-text-green1 {
    color: #3dab25;
}
.custom-text-green2 {
    color: #0f965e;
}
.custom-text-green3 {
    color: #22c55e;
}
.custom-border-green {
    border-color: #3dab25;
}
.custom-border-green2 {
    border-color: #0f965e;
}
.custom-border-green {
    border-color: #22c55e;
}
.bg-custom-green {
    --tw-bg-opacity: 1;
    background-color: rgb(0 165 84);
}
.bg-custom-green2 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 137 49);
}
.custom-bg-box6 {
    background: #0f965e;
}
.toast.success {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-left: 4px solid #15803d;
}
.bg-\[\#225344\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 83 68 / var(--tw-bg-opacity));
}
.bg-success {
    background: var(--success);
}
.hover-bg-green:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 165 84);
}