:root {
    --dm-blue: #007BFF;
    --dm-green-light: #e6f4ea;
    --dm-green-dark: #228B22;
    --dm-green-hover: #1e7a1e;
}

.bg-dm-blue { background-color: var(--dm-blue); }
.bg-dm-green-light { background-color: var(--dm-green-light); }
.bg-dm-green-dark { background-color: var(--dm-green-dark); }
.text-dm-blue { color: var(--dm-blue); }
.text-dm-green-dark { color: var(--dm-green-dark); }

.border-dm-green-dark { border-color: var(--dm-green-dark); }

[x-cloak] { display: none !important; }

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #999;
}