Added base styles, variables, and mixins

stylelint.config.mjs

@@ -2,20 +2,43 @@ const stylelintConfig = {
   extends: [
     'stylelint-config-standard',
     'stylelint-config-clean-order',
-    'stylelint-config-tailwindcss',
     'stylelint-config-html',
   ],
   rules: {
     'declaration-block-no-redundant-longhand-properties': null,
     'no-descending-specificity': null,
     'selector-class-pattern': null,
+    'custom-property-pattern': null,
+    'custom-property-no-missing-var-function': [
+      true,
+      {
+        ignore: [
+          '--font-iosevka-mono',
+          '--font-geist-sans',
+          '--font-iosevka-slab',
+          '--font-blaka',
+        ],
+      },
+    ],
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['custom-media', 'define-mixin', 'mixin'],
+      },
+    ],
+    'function-no-unknown': [
+      true,
+      {
+        ignoreFunctions: ['/^\\$[a-zA-Z][\\w-]*$/'],
+      },
+    ],
+    'value-keyword-case': [
+      'lower',
+      {
+        ignoreKeywords: ['/^\\$[a-zA-Z][\\w-]*$/'],
+      },
+    ],
   },
-  'at-rule-no-unknown': [
-    true,
-    {
-      ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen'],
-    },
-  ],
 };
 
 export default stylelintConfig;