Update theme includes for 4.4

app/javascript/styles/chinwag-light.scss

@@ -1,6 +1,7 @@
-@import 'mastodon-light/variables';
-@import 'application';
-@import 'mastodon-light/diff';
+@use 'mastodon-light/variables';
+@use 'mastodon-light/css_variables';
+@use 'application';
+@use 'mastodon-light/diff';
 
-@import 'tangerineui/tangerineui';
-@import 'tangerineui/chingerine';
+@use 'tangerineui/tangerineui';
+@use 'tangerineui/chingerine';

app/javascript/styles/chinwag.scss

@@ -1,4 +1,4 @@
-@import 'application';
+@use 'application';
 
-@import 'tangerineui/tangerineui';
-@import 'tangerineui/chingerine';
+@use 'tangerineui/tangerineui';
+@use 'tangerineui/chingerine';

app/javascript/styles/classic-light.scss

@@ -1,3 +1,4 @@
-@import 'mastodon-light/variables';
-@import 'application';
-@import 'mastodon-light/diff';
+@use 'mastodon-light/variables';
+@use 'mastodon-light/css_variables';
+@use 'application';
+@use 'mastodon-light/diff';

app/javascript/styles/classic.scss

@@ -1 +1 @@
-@import 'application';
+@use 'application';

app/javascript/styles/tangerineui/chingerine.scss

@@ -1,6 +1,6 @@
 /* Chinwag Meta */
 :root {
-  --version-tag: 'cw2';
+  --version-tag: 'cw0';
   --variant-name: 'Chinwag';
   --variant-emoji: '\1F986\00A0';
   --variant: var(--variant-emoji) var(--variant-name);
@@ -26,7 +26,7 @@
 }
 @media (prefers-color-scheme: dark) {
   :root {
-    --color-bg: #111111;
+    --color-bg: #111;
     --gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
     --color-fg: #d6d2e0;
     --color-fg-muted: #787c77;
@@ -34,7 +34,7 @@
     --color-secondary-separator: #26232e;
     --color-content-bg: #171717;
     --color-content-fg: var(--color-fg);
-    --color-content-fg-bold: #ffffff;
+    --color-content-fg-bold: #fff;
     --color-content-fg-muted: #737373;
     --color-content-secondary-bg: var(--color-secondary-bg);
     --color-content-secondary-separator: rgba(64, 62, 89, 40%);
@@ -253,12 +253,12 @@
   opacity: 1;
 }
 
-@media screen and (min-width:1175px) {
+@media screen and (width >= 1175px) {
   .app-body .column-link.column-link--logo,
   .app-body .ui__header__logo {
-      background-size: 64px auto;
-      width: 70px;
-      height: 70px;
+    background-size: 64px auto;
+    width: 70px;
+    height: 70px;
   }
 }
 
@@ -269,4 +269,3 @@
 .app-body .navigation-bar .account__display-name {
   font-size: 15px;
 }
-