>>15
確かに @layer components を二つに分ける必要はないね

>>16
記述ミス修正

>>17
color: ccc;で統一している場合はその記述でいいとおもうけど違うパターンも出てくるのでそれは出来ない

a {
...もっと見る color: #cccccc;
&:visited {
color: #cccccc;
}
&:active {
color: #cccccc;
}
}
にした

>>19
body {
margin: 0;
background-color: #013d21;
color: #cccccc;
font-size: 16px;
}
デフォルトで#013d21だゾ
それともブラウザのデフォルトを言っているのか

掲示板の仕様として、管理画面から追加のCSSを追記でき、それを優先的に適用したいのですべてに !important を付けるよりも、@layer や @base を使用して上書きできるようにした方が良いと思ってる