style: auto-fix linting issues

styles.css

@@ -12,7 +12,7 @@
        TYPOGRAPHY SCALE
        Use these variables for ALL font sizes
        ------------------------------------------------------------------------- */
-    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    --font-family: 'Inter', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, sans-serif;
     --font-size-scale: 100%;
 
     /* Typography Scale - Base 16px (1rem) */
@@ -98,7 +98,6 @@
     --duration-fast: 150ms;
     --duration-normal: 300ms;
     --duration-slow: 500ms;
-
     --ease-linear: linear;
     --ease-in: cubic-bezier(0.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
@@ -144,6 +143,7 @@
     /* -------------------------------------------------------------------------
        COMPONENT TOKENS
        ------------------------------------------------------------------------- */
+
     /* Buttons */
     --btn-height-sm: 32px;
     --btn-height-md: 40px;
@@ -479,27 +479,35 @@ kbd {
 .text-xs {
     font-size: var(--text-xs);
 }
+
 .text-sm {
     font-size: var(--text-sm);
 }
+
 .text-base {
     font-size: var(--text-base);
 }
+
 .text-md {
     font-size: var(--text-md);
 }
+
 .text-lg {
     font-size: var(--text-lg);
 }
+
 .text-xl {
     font-size: var(--text-xl);
 }
+
 .text-2xl {
     font-size: var(--text-2xl);
 }
+
 .text-3xl {
     font-size: var(--text-3xl);
 }
+
 .text-4xl {
     font-size: var(--text-4xl);
 }
@@ -507,12 +515,15 @@ kbd {
 .font-normal {
     font-weight: var(--font-normal);
 }
+
 .font-medium {
     font-weight: var(--font-medium);
 }
+
 .font-semibold {
     font-weight: var(--font-semibold);
 }
+
 .font-bold {
     font-weight: var(--font-bold);
 }
@@ -520,15 +531,19 @@ kbd {
 .leading-none {
     line-height: var(--leading-none);
 }
+
 .leading-tight {
     line-height: var(--leading-tight);
 }
+
 .leading-snug {
     line-height: var(--leading-snug);
 }
+
 .leading-normal {
     line-height: var(--leading-normal);
 }
+
 .leading-relaxed {
     line-height: var(--leading-relaxed);
 }
@@ -537,21 +552,27 @@ kbd {
 .m-0 {
     margin: var(--space-0);
 }
+
 .m-1 {
     margin: var(--space-1);
 }
+
 .m-2 {
     margin: var(--space-2);
 }
+
 .m-3 {
     margin: var(--space-3);
 }
+
 .m-4 {
     margin: var(--space-4);
 }
+
 .m-6 {
     margin: var(--space-6);
 }
+
 .m-8 {
     margin: var(--space-8);
 }
@@ -559,18 +580,23 @@ kbd {
 .mt-0 {
     margin-top: var(--space-0);
 }
+
 .mt-1 {
     margin-top: var(--space-1);
 }
+
 .mt-2 {
     margin-top: var(--space-2);
 }
+
 .mt-3 {
     margin-top: var(--space-3);
 }
+
 .mt-4 {
     margin-top: var(--space-4);
 }
+
 .mt-6 {
     margin-top: var(--space-6);
 }
@@ -578,18 +604,23 @@ kbd {
 .mb-0 {
     margin-bottom: var(--space-0);
 }
+
 .mb-1 {
     margin-bottom: var(--space-1);
 }
+
 .mb-2 {
     margin-bottom: var(--space-2);
 }
+
 .mb-3 {
     margin-bottom: var(--space-3);
 }
+
 .mb-4 {
     margin-bottom: var(--space-4);
 }
+
 .mb-6 {
     margin-bottom: var(--space-6);
 }
@@ -597,9 +628,11 @@ kbd {
 .ml-0 {
     margin-left: var(--space-0);
 }
+
 .ml-2 {
     margin-left: var(--space-2);
 }
+
 .ml-4 {
     margin-left: var(--space-4);
 }
@@ -607,9 +640,11 @@ kbd {
 .mr-0 {
     margin-right: var(--space-0);
 }
+
 .mr-2 {
     margin-right: var(--space-2);
 }
+
 .mr-4 {
     margin-right: var(--space-4);
 }
@@ -618,10 +653,12 @@ kbd {
     margin-left: var(--space-0);
     margin-right: var(--space-0);
 }
+
 .mx-2 {
     margin-left: var(--space-2);
     margin-right: var(--space-2);
 }
+
 .mx-4 {
     margin-left: var(--space-4);
     margin-right: var(--space-4);
@@ -631,10 +668,12 @@ kbd {
     margin-top: var(--space-0);
     margin-bottom: var(--space-0);
 }
+
 .my-2 {
     margin-top: var(--space-2);
     margin-bottom: var(--space-2);
 }
+
 .my-4 {
     margin-top: var(--space-4);
     margin-bottom: var(--space-4);
@@ -643,18 +682,23 @@ kbd {
 .p-0 {
     padding: var(--space-0);
 }
+
 .p-1 {
     padding: var(--space-1);
 }
+
 .p-2 {
     padding: var(--space-2);
 }
+
 .p-3 {
     padding: var(--space-3);
 }
+
 .p-4 {
     padding: var(--space-4);
 }
+
 .p-6 {
     padding: var(--space-6);
 }
@@ -663,14 +707,17 @@ kbd {
     padding-left: var(--space-0);
     padding-right: var(--space-0);
 }
+
 .px-2 {
     padding-left: var(--space-2);
     padding-right: var(--space-2);
 }
+
 .px-3 {
     padding-left: var(--space-3);
     padding-right: var(--space-3);
 }
+
 .px-4 {
     padding-left: var(--space-4);
     padding-right: var(--space-4);
@@ -680,14 +727,17 @@ kbd {
     padding-top: var(--space-0);
     padding-bottom: var(--space-0);
 }
+
 .py-1 {
     padding-top: var(--space-1);
     padding-bottom: var(--space-1);
 }
+
 .py-2 {
     padding-top: var(--space-2);
     padding-bottom: var(--space-2);
 }
+
 .py-3 {
     padding-top: var(--space-3);
     padding-bottom: var(--space-3);
@@ -696,18 +746,23 @@ kbd {
 .gap-0 {
     gap: var(--space-0);
 }
+
 .gap-1 {
     gap: var(--space-1);
 }
+
 .gap-2 {
     gap: var(--space-2);
 }
+
 .gap-3 {
     gap: var(--space-3);
 }
+
 .gap-4 {
     gap: var(--space-4);
 }
+
 .gap-6 {
     gap: var(--space-6);
 }
@@ -716,21 +771,27 @@ kbd {
 .rounded-none {
     border-radius: var(--radius-none);
 }
+
 .rounded-xs {
     border-radius: var(--radius-xs);
 }
+
 .rounded-sm {
     border-radius: var(--radius-sm);
 }
+
 .rounded-md {
     border-radius: var(--radius-md);
 }
+
 .rounded-lg {
     border-radius: var(--radius-lg);
 }
+
 .rounded-xl {
     border-radius: var(--radius-xl);
 }
+
 .rounded-full {
     border-radius: var(--radius-full);
 }
@@ -739,18 +800,23 @@ kbd {
 .shadow-none {
     box-shadow: var(--shadow-none);
 }
+
 .shadow-xs {
     box-shadow: var(--shadow-xs);
 }
+
 .shadow-sm {
     box-shadow: var(--shadow-sm);
 }
+
 .shadow-md {
     box-shadow: var(--shadow-md);
 }
+
 .shadow-lg {
     box-shadow: var(--shadow-lg);
 }
+
 .shadow-xl {
     box-shadow: var(--shadow-xl);
 }
@@ -759,21 +825,27 @@ kbd {
 .block {
     display: block;
 }
+
 .inline-block {
     display: inline-block;
 }
+
 .inline {
     display: inline;
 }
+
 .flex {
     display: flex;
 }
+
 .inline-flex {
     display: inline-flex;
 }
+
 .grid {
     display: grid;
 }
+
 .hidden {
     display: none;
 }
@@ -782,42 +854,55 @@ kbd {
 .flex-row {
     flex-direction: row;
 }
+
 .flex-col {
     flex-direction: column;
 }
+
 .flex-wrap {
     flex-wrap: wrap;
 }
+
 .flex-nowrap {
     flex-wrap: nowrap;
 }
+
 .items-start {
     align-items: flex-start;
 }
+
 .items-center {
     align-items: center;
 }
+
 .items-end {
     align-items: flex-end;
 }
+
 .justify-start {
     justify-content: flex-start;
 }
+
 .justify-center {
     justify-content: center;
 }
+
 .justify-end {
     justify-content: flex-end;
 }
+
 .justify-between {
     justify-content: space-between;
 }
+
 .flex-1 {
     flex: 1 1 0%;
 }
+
 .flex-auto {
     flex: 1 1 auto;
 }
+
 .flex-none {
     flex: none;
 }
@@ -826,9 +911,11 @@ kbd {
 .text-left {
     text-align: left;
 }
+
 .text-center {
     text-align: center;
 }
+
 .text-right {
     text-align: right;
 }
@@ -857,6 +944,7 @@ kbd {
 .text-muted {
     color: var(--muted-foreground);
 }
+
 .text-highlight {
     color: var(--highlight);
 }
@@ -865,6 +953,7 @@ kbd {
 .cursor-pointer {
     cursor: pointer;
 }
+
 .cursor-default {
     cursor: default;
 }
@@ -873,9 +962,11 @@ kbd {
 .transition-fast {
     transition: all var(--duration-fast) var(--ease-in-out);
 }
+
 .transition-normal {
     transition: all var(--duration-normal) var(--ease-in-out);
 }
+
 .transition-slow {
     transition: all var(--duration-slow) var(--ease-in-out);
 }