Bueno, creo que cómo CSS funcionaría de forma natural es simplemente omitir las variables y hacer
/* Establecer la base del diseño */
body {
border-width: 2px;
background-color: #3498db;
margin: 1rem;
}
/* Anular a nivel de componente cuando sea necesario */
.d-topic-list,
.d-sidebar {
border-width: 1px;
}
Quizás soy yo que soy viejo.
El verdadero problema es este
Ejemplo: simplemente apuntar a .btn o button:
.btn {
border: 1px solid red;
}
no apunta a los botones de publicación, pero sí apunta al enlace “vistas” y al menú de hamburguesa.
