- /*--jumbotron-bg: 15,75,14;*/
- /*--jumbotron-bg: rgba(75,235,74,.4);*/
- /*--footer-link-color: 255,255,255;*/
- /*--footer-text-color: 255,255,255;*/
- /*--footer-border-color: 255,255,255;*/
-}
+ --c-dark: #292f2f;
+ --c-bg-dark: #3a4346;
+ --c-bg-light: #4c5456;
+ --c-light: #ecf7fa;
+ --c-hl-dark: #008499;
+ --c-hl-light: #3baec4;
+
+ /* backgrounds */
+ --navbar-bg: var(--c-dark);
+ --jumbotron-bg: var(--c-bg-dark);
+ --copyright-bg: var(--c-dark);
+
+ /* link colors */
+ --link-color: var(--c-hl-dark);
+ --link-hover-color: var(--c-hl-light);
+ --footer-link-color: var(--c-light);
+ --footer-hover-color: #fff;
+
+ /* text colors */
+ --text-color: var(--c-dark);
+ --footer-text-color: var(--c-light);
+ --copyright-text-color: var(--c-light);
+ --jumbotron-text-color: var(--c-light);
+ --art-date-color: color(var(--c-dark) tint(50%));
+
+ /* box colors */
+ --border-color: var(--c-dark);
+ --box-color: var(--c-bg-light);
+ --box-hover-color: var(--c-dark);;
+ --box-round: 10px;
+
+ /* other */
+ --max-width: 600px;
+ --max-width-box: 800px;
+ --margin-box-fa: 5px;
+}
+@custom-media --max-sm all and (max-width: 600px);
+@custom-media --max-md all and (max-width: 800px);
+@custom-media --max-rem all and (max-width: 60rem);