otimus-library 0.2.22 → 0.2.24

package/styles/variables.scss

@@ -1,47 +1,47 @@
-@import './patterns/shui/variables.shui.scss';
-
-// Cor Primária (Roxo)
-$color-brand-p-1: #5505a2;
-$color-brand-p-2: #661eab;
-$color-brand-p-3: #7737b5;
-$color-brand-p-4: #8850be;
-$color-brand-p-5: #9969c7;
-$color-brand-p-6: #bb9cd9;
-
-// Variações escuras da cor Primária
-$color-brand-dp-1: #1e0832;
-$color-brand-dp-2: #352147;
-$color-brand-dp-3: #4b395b;
-$color-brand-dp-4: #625270;
-$color-brand-dp-5: #786b84;
-
-// Cor secundária (Verde)
-$color-brand-g-1: #00dda3;
-$color-brand-g-2: #1ae0ac;
-$color-brand-g-3: #33e4b5;
-$color-brand-g-4: #4de7bf;
-$color-brand-g-5: #66ebc8;
-$color-brand-g-6: #94ffe3;
-
-// Cores de estado/feedback
-$color-success: #4ab858;
-$color-warning: #ebbc2e;
-$color-error: #ed3a3a;
-
-// Tons de Cinza
-$color-gray-1: #353535;
-$color-gray-2: #7e8485;
-$color-gray-3: #8f9596;
-$color-gray-4: #d1d5db;
-$color-gray-5: #f7f7f7;
-$color-gray-6: #f8f9ff;
-$color-white: #ffffff;
-
-// Cores para Background
-$color-bg-1: $color-gray-5;
-
-// Cores para texto
-$color-text-1: $color-gray-1;
-$color-text-2: $color-gray-2;
-$color-text-3: $color-brand-p-1;
-$color-text-4: $color-brand-g-1;
+@import './patterns/shui/variables.shui.scss';
+
+// Cor Primária (Roxo)
+$color-brand-p-1: #5505a2;
+$color-brand-p-2: #661eab;
+$color-brand-p-3: #7737b5;
+$color-brand-p-4: #8850be;
+$color-brand-p-5: #9969c7;
+$color-brand-p-6: #bb9cd9;
+
+// Variações escuras da cor Primária
+$color-brand-dp-1: #1e0832;
+$color-brand-dp-2: #352147;
+$color-brand-dp-3: #4b395b;
+$color-brand-dp-4: #625270;
+$color-brand-dp-5: #786b84;
+
+// Cor secundária (Verde)
+$color-brand-g-1: #00dda3;
+$color-brand-g-2: #1ae0ac;
+$color-brand-g-3: #33e4b5;
+$color-brand-g-4: #4de7bf;
+$color-brand-g-5: #66ebc8;
+$color-brand-g-6: #94ffe3;
+
+// Cores de estado/feedback
+$color-success: #4ab858;
+$color-warning: #ebbc2e;
+$color-error: #ed3a3a;
+
+// Tons de Cinza
+$color-gray-1: #353535;
+$color-gray-2: #7e8485;
+$color-gray-3: #8f9596;
+$color-gray-4: #d1d5db;
+$color-gray-5: #f7f7f7;
+$color-gray-6: #f8f9ff;
+$color-white: #ffffff;
+
+// Cores para Background
+$color-bg-1: $color-gray-5;
+
+// Cores para texto
+$color-text-1: $color-gray-1;
+$color-text-2: $color-gray-2;
+$color-text-3: $color-brand-p-1;
+$color-text-4: $color-brand-g-1;