:root {
    --darker-01: rgba(0, 0, 0, 0.01);
    --darker-02: rgba(0, 0, 0, 0.02);
    --darker-05: rgba(0, 0, 0, 0.05);
    --darker-10: rgba(0, 0, 0, 0.1);
    --darker-20: rgba(0, 0, 0, 0.2);
    --darker-25: rgba(0, 0, 0, 0.25);
    --darker-30: rgba(0, 0, 0, 0.3);
    --darker-40: rgba(0, 0, 0, 0.4);
    --darker-50: rgba(0, 0, 0, 0.5);
    --darker-75: rgba(0, 0, 0, 0.75);
}

/* Text classes for darker shades */
.text-darker-01 {
    color: var(--darker-01) !important;
}
.text-darker-02 {
    color: var(--darker-02) !important;
}
.text-darker-05 {
    color: var(--darker-05) !important;
}
.text-darker-10 {
    color: var(--darker-10) !important;
}
.text-darker-20 {
    color: var(--darker-20) !important;
}
.text-darker-25 {
    color: var(--darker-25) !important;
}
.text-darker-30 {
    color: var(--darker-30) !important;
}
.text-darker-40 {
    color: var(--darker-40) !important;
}
.text-darker-50 {
    color: var(--darker-50) !important;
}
.text-darker-75 {
    color: var(--darker-75) !important;
}

/* Background classes for darker shades */

.bg-darker-01 {
    background-color: var(--darker-01) !important;
}
.bg-darker-02 {
    background-color: var(--darker-02) !important;
}
.bg-darker-05 {
    background-color: var(--darker-05) !important;
}
.bg-darker-10 {
    background-color: var(--darker-10) !important;
}
.bg-darker-20 {
    background-color: var(--darker-20) !important;
}
.bg-darker-25 {
    background-color: var(--darker-25) !important;
}
.bg-darker-30 {
    background-color: var(--darker-30) !important;
}
.bg-darker-40 {
    background-color: var(--darker-40) !important;
}
.bg-darker-50 {
    background-color: var(--darker-50) !important;
}
.bg-darker-75 {
    background-color: var(--darker-75) !important;
}

/* Border classes for darker shades */

.border-darker-01 {
    border-color: var(--darker-01) !important;
}
.border-darker-02 {
    border-color: var(--darker-02) !important;
}
.border-darker-05 {
    border-color: var(--darker-05) !important;
}
.border-darker-10 {
    border-color: var(--darker-10) !important;
}
.border-darker-20 {
    border-color: var(--darker-20) !important;
}
.border-darker-25 {
    border-color: var(--darker-25) !important;
}
.border-darker-30 {
    border-color: var(--darker-30) !important;
}
.border-darker-40 {
    border-color: var(--darker-40) !important;
}
.border-darker-50 {
    border-color: var(--darker-50) !important;
}
.border-darker-75 {
    border-color: var(--darker-75) !important;
}