provide empty _custom... scss files for overwritin in site, put theme-specific stuff in _cybercards... files

assets/sass/_custom-vars.scss

@@ -1,7 +1,5 @@
-// custom-vars.scss
+// _custom-vars.scss
-// set scss variable defaults
+//
-
+// copy this to the corresponding folder of your site 
-$grid-gutter-width: 15px;
+// and set scss variables according to your needs
-
+//
-$link-decoration: 	none;
-

assets/sass/_custom.scss

@@ -1,44 +1,6 @@
-// styles
+// _custom.scss
+//
+// copy this to the corresponding folder of your site 
+// and set styles according to your needs
+//
 
-.pagination {
-  display: flex;
-  justify-content: center;
-}
-
-.nav-link {
-  font-size: 130%;
-}
-
-.nav-link.active {
-  font-weight: bold;
-}
-
-code {
-  color: $purple;
-}
-
-p {
-  font-family: $font-family-sans-serif;
-}
-
-p:last-child, ul:last-child {
-  margin-bottom: 0;
-}
-
-.badge a {
-  color: $white;
-  font-weight: bold;
-}
-
-// shortcode quote
-
-.quote {
-    font-size: 90%;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-}
-
-.quote-author {
-    padding-top: 0.3rem;
-    padding-bottom: 0.3rem;
-}

assets/sass/_cybercards-vars.scss

@@ -0,0 +1,7 @@
+// _cybercards-vars.scss
+// set theme-specific scss variable defaults
+
+$grid-gutter-width: 15px;
+
+$link-decoration: 	none;
+

assets/sass/_cybercards.scss

@@ -0,0 +1,46 @@
+// _cybercards.scss
+// set theme-specific styles
+//
+
+.pagination {
+  display: flex;
+  justify-content: center;
+}
+
+.nav-link {
+  font-size: 130%;
+}
+
+.nav-link.active {
+  font-weight: bold;
+}
+
+code {
+  color: $purple;
+}
+
+p {
+  font-family: $font-family-sans-serif;
+}
+
+p:last-child, ul:last-child {
+  margin-bottom: 0;
+}
+
+.badge a {
+  color: $white;
+  font-weight: bold;
+}
+
+// shortcode quote
+
+.quote {
+    font-size: 90%;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}
+
+.quote-author {
+    padding-top: 0.3rem;
+    padding-bottom: 0.3rem;
+}

assets/sass/main.scss

@@ -1,9 +1,11 @@
 // Import partials from `sass_dir` (defaults to `_sass`)
 @import
+        "cybercards-vars",
         "custom-vars",
         "litera",
         "../../../common/bootstrap/scss/bootstrap",
         "bootswatch-5",
-        "custom",
+        "syntax-tango",
-        "syntax-tango"
+        "cybercards",
+        "custom"
 ;