ustatic-css 0.0.1-b.2

package/src/css/assets/tokens/_ustatic-vars.scss

@@ -0,0 +1,757 @@
+:root {
+  --u-base-underline-color: #5993d9;
+  --u-base-border-color-black: #000000;
+  --u-base-border-color-primary: #5993d9;
+  --u-base-border-color-secondary: #e53206;
+  --u-base-border-color-success: #14a44d;
+  --u-base-border-color-info: #54b4d3;
+  --u-base-border-color-warning: #e4a11b;
+  --u-base-border-color-danger: #dc4c64;
+  --u-base-border-radius-def: 0.25rem;
+  --u-base-border-radius-none: 0;
+  --u-base-border-radius-sm: 0.125rem; /* примерно 2px */
+  --u-base-border-radius-base: 0.25rem; /* примерно 4px */
+  --u-base-border-radius-md: 0.375rem; /* примерно 6px */
+  --u-base-border-radius-lg: 0.5rem; /* примерно 8px */
+  --u-base-border-radius-xl: 0.75rem; /* примерно 12px */
+  --u-base-border-radius-2xl: 1rem; /* примерно 16px */
+  --u-base-border-radius-3xl: 1.5rem; /* примерно 24px */
+  --u-base-border-radius-full: 9999px; /* делает элемент полностью круглым */
+  --u-base-border-rounded: 100%;
+  --u-base-border-width-0: 0;
+  --u-base-border-width-1: 1px;
+  --u-base-border-width-2: 2px;
+  --u-base-border-width-3: 3px;
+  --u-base-border-width-4: 4px;
+  --u-base-border-width-5: 5px;
+  --u-base-border-width-def: 1px;
+  --u-base-border-none: 0;
+  --u-base-color-primary-50: #edf5fc;
+  --u-base-color-primary-100: #ddebf8;
+  --u-base-color-primary-200: #c4dcf3;
+  --u-base-color-primary-300: #9dc7ec;
+  --u-base-color-primary-400: #74ade2;
+  --u-base-color-primary-500: #5993d9;
+  --u-base-color-primary-600: #4b7fd2;
+  --u-base-color-primary-700: #4471ca;
+  --u-base-color-primary-800: #375bae;
+  --u-base-color-primary-900: #33508e;
+  --u-base-color-primary-950: #26375f;
+  --u-base-color-primary-50-hex: #edf5fc;
+  --u-base-color-primary-50-rgb: 237, 245, 252;
+  --u-base-color-primary-100-hex: #ddebf8;
+  --u-base-color-primary-100-rgb: 221, 235, 248;
+  --u-base-color-primary-200-hex: #c4dcf3;
+  --u-base-color-primary-200-rgb: 196, 220, 243;
+  --u-base-color-primary-300-hex: #9dc7ec;
+  --u-base-color-primary-300-rgb: 157, 199, 236;
+  --u-base-color-primary-400-hex: #74ade2;
+  --u-base-color-primary-400-rgb: 116, 173, 226;
+  --u-base-color-primary-500-hex: #5993d9;
+  --u-base-color-primary-500-rgb: 89, 147, 217;
+  --u-base-color-primary-600-hex: #4b7fd2;
+  --u-base-color-primary-600-rgb: 75, 127, 210;
+  --u-base-color-primary-700-hex: #4471ca;
+  --u-base-color-primary-700-rgb: 68, 113, 202;
+  --u-base-color-primary-800-hex: #375bae;
+  --u-base-color-primary-800-rgb: 55, 91, 174;
+  --u-base-color-primary-900-hex: #33508e;
+  --u-base-color-primary-900-rgb: 51, 80, 142;
+  --u-base-color-primary-950-hex: #26375f;
+  --u-base-color-primary-950-rgb: 38, 55, 95;
+  --u-base-color-primary-def: #5993d9;
+  --u-base-color-primary-def-hex: #5993d9;
+  --u-base-color-primary-def-rgb: 89, 147, 217;
+  --u-base-color-secondary-50: #fdebe3;
+  --u-base-color-secondary-100: #fbe0d0;
+  --u-base-color-secondary-200: #f7c0a6;
+  --u-base-color-secondary-300: #f39972;
+  --u-base-color-secondary-400: #ee683f;
+  --u-base-color-secondary-500: #e53206;
+  --u-base-color-secondary-600: #be230e;
+  --u-base-color-secondary-700: #a52118;
+  --u-base-color-secondary-800: #871f1c;
+  --u-base-color-secondary-900: #73201c;
+  --u-base-color-secondary-950: #631313;
+  --u-base-color-secondary-50-hex: #fdebe3;
+  --u-base-color-secondary-50-rgb: 253, 235, 227;
+  --u-base-color-secondary-100-hex: #fbe0d0;
+  --u-base-color-secondary-100-rgb: 251, 224, 208;
+  --u-base-color-secondary-200-hex: #f7c0a6;
+  --u-base-color-secondary-200-rgb: 247, 192, 166;
+  --u-base-color-secondary-300-hex: #f39972;
+  --u-base-color-secondary-300-rgb: 243, 153, 114;
+  --u-base-color-secondary-400-hex: #ee683f;
+  --u-base-color-secondary-400-rgb: 238, 104, 63;
+  --u-base-color-secondary-500-hex: #e53206;
+  --u-base-color-secondary-500-rgb: 229, 50, 6;
+  --u-base-color-secondary-600-hex: #be230e;
+  --u-base-color-secondary-600-rgb: 190, 35, 14;
+  --u-base-color-secondary-700-hex: #a52118;
+  --u-base-color-secondary-700-rgb: 165, 33, 24;
+  --u-base-color-secondary-800-hex: #871f1c;
+  --u-base-color-secondary-800-rgb: 135, 31, 28;
+  --u-base-color-secondary-900-hex: #73201c;
+  --u-base-color-secondary-900-rgb: 115, 32, 28;
+  --u-base-color-secondary-950-hex: #631313;
+  --u-base-color-secondary-950-rgb: 99, 19, 19;
+  --u-base-color-secondary-def: #e53206;
+  --u-base-color-secondary-def-hex: #e53206;
+  --u-base-color-secondary-def-rgb: 229, 50, 6;
+  --u-base-color-success-50: #eafaf1;
+  --u-base-color-success-100: #d0eddb;
+  --u-base-color-success-200: #a1dbb8;
+  --u-base-color-success-300: #72c894;
+  --u-base-color-success-400: #43b671;
+  --u-base-color-success-500: #14a44d;
+  --u-base-color-success-600: #10833e;
+  --u-base-color-success-700: #0c622e;
+  --u-base-color-success-800: #08421f;
+  --u-base-color-success-900: #04210f;
+  --u-base-color-success-50-hex: #eafaf1;
+  --u-base-color-success-50-rgb: 234,250,241;
+  --u-base-color-success-100-hex: #d0eddb;
+  --u-base-color-success-100-rgb: 208, 237, 219;
+  --u-base-color-success-200-hex: #a1dbb8;
+  --u-base-color-success-200-rgb: 161, 219, 184;
+  --u-base-color-success-300-hex: #72c894;
+  --u-base-color-success-300-rgb: 114, 200, 148;
+  --u-base-color-success-400-hex: #43b671;
+  --u-base-color-success-400-rgb: 67, 182, 113;
+  --u-base-color-success-500-hex: #14a44d;
+  --u-base-color-success-500-rgb: 20, 164, 77;
+  --u-base-color-success-600-hex: #10833e;
+  --u-base-color-success-600-rgb: 16, 131, 62;
+  --u-base-color-success-700-hex: #0c622e;
+  --u-base-color-success-700-rgb: 12, 98, 46;
+  --u-base-color-success-800-hex: #08421f;
+  --u-base-color-success-800-rgb: 8, 66, 31;
+  --u-base-color-success-900-hex: #04210f;
+  --u-base-color-success-900-rgb: 4, 33, 15;
+  --u-base-color-success-def: #14a44d;
+  --u-base-color-success-def-hex: #14a44d;
+  --u-base-color-success-def-rgb: 20, 164, 77;
+  --u-base-color-danger-50: #fdeeee;
+  --u-base-color-danger-100: #f8dbe0;
+  --u-base-color-danger-200: #f1b7c1;
+  --u-base-color-danger-300: #ea94a2;
+  --u-base-color-danger-400: #e37083;
+  --u-base-color-danger-500: #dc4c64;
+  --u-base-color-danger-600: #b03d50;
+  --u-base-color-danger-700: #842e3c;
+  --u-base-color-danger-800: #581e28;
+  --u-base-color-danger-900: #2c0f14;
+  --u-base-color-danger-50-hex: #fdeeee;
+  --u-base-color-danger-50-rgb: 253,238,238;
+  --u-base-color-danger-100-hex: #f8dbe0;
+  --u-base-color-danger-100-rgb: 248, 219, 224;
+  --u-base-color-danger-200-hex: #f1b7c1;
+  --u-base-color-danger-200-rgb: 241, 183, 193;
+  --u-base-color-danger-300-hex: #ea94a2;
+  --u-base-color-danger-300-rgb: 234, 148, 162;
+  --u-base-color-danger-400-hex: #e37083;
+  --u-base-color-danger-400-rgb: 227, 112, 131;
+  --u-base-color-danger-500-hex: #dc4c64;
+  --u-base-color-danger-500-rgb: 220, 76, 100;
+  --u-base-color-danger-600-hex: #b03d50;
+  --u-base-color-danger-600-rgb: 176, 61, 80;
+  --u-base-color-danger-700-hex: #842e3c;
+  --u-base-color-danger-700-rgb: 132, 46, 60;
+  --u-base-color-danger-800-hex: #581e28;
+  --u-base-color-danger-800-rgb: 88, 30, 40;
+  --u-base-color-danger-900-hex: #2c0f14;
+  --u-base-color-danger-900-rgb: 44, 15, 20;
+  --u-base-color-danger-def: #dc4c64;
+  --u-base-color-danger-def-hex: #dc4c64;
+  --u-base-color-danger-def-rgb: 220, 76, 100;
+  --u-base-color-warning-50: #fff9eb;
+  --u-base-color-warning-100: #faecd1;
+  --u-base-color-warning-200: #f4d9a4;
+  --u-base-color-warning-300: #efc776;
+  --u-base-color-warning-400: #e9b449;
+  --u-base-color-warning-500: #e4a11b;
+  --u-base-color-warning-600: #b68116;
+  --u-base-color-warning-700: #896110;
+  --u-base-color-warning-800: #5b400b;
+  --u-base-color-warning-900: #2e2005;
+  --u-base-color-warning-50-hex: #fff9eb;
+  --u-base-color-warning-50-rgb: 255,249,235;
+  --u-base-color-warning-100-hex: #faecd1;
+  --u-base-color-warning-100-rgb: 250, 236, 209;
+  --u-base-color-warning-200-hex: #f4d9a4;
+  --u-base-color-warning-200-rgb: 244, 217, 164;
+  --u-base-color-warning-300-hex: #efc776;
+  --u-base-color-warning-300-rgb: 239, 199, 118;
+  --u-base-color-warning-400-hex: #e9b449;
+  --u-base-color-warning-400-rgb: 233, 180, 73;
+  --u-base-color-warning-500-hex: #e4a11b;
+  --u-base-color-warning-500-rgb: 228, 161, 27;
+  --u-base-color-warning-600-hex: #b68116;
+  --u-base-color-warning-600-rgb: 182, 129, 22;
+  --u-base-color-warning-700-hex: #896110;
+  --u-base-color-warning-700-rgb: 137, 97, 16;
+  --u-base-color-warning-800-hex: #5b400b;
+  --u-base-color-warning-800-rgb: 91, 64, 11;
+  --u-base-color-warning-900-hex: #2e2005;
+  --u-base-color-warning-900-rgb: 46, 32, 5;
+  --u-base-color-warning-def: #e4a11b;
+  --u-base-color-warning-def-hex: #e4a11b;
+  --u-base-color-warning-def-rgb: 228, 161, 27;
+  --u-base-color-info-50: #edf7fa;
+  --u-base-color-info-100: #ddf0f6;
+  --u-base-color-info-200: #bbe1ed;
+  --u-base-color-info-300: #98d2e5;
+  --u-base-color-info-400: #76c3dc;
+  --u-base-color-info-500: #54b4d3;
+  --u-base-color-info-600: #4390a9;
+  --u-base-color-info-700: #326c7f;
+  --u-base-color-info-800: #214855;
+  --u-base-color-info-900: #11242a;
+  --u-base-color-info-50-hex: #edf7fa;
+  --u-base-color-info-50-rgb: 237,247,250;
+  --u-base-color-info-100-hex: #ddf0f6;
+  --u-base-color-info-100-rgb: 221, 240, 246;
+  --u-base-color-info-200-hex: #bbe1ed;
+  --u-base-color-info-200-rgb: 187, 225, 237;
+  --u-base-color-info-300-hex: #98d2e5;
+  --u-base-color-info-300-rgb: 152, 210, 229;
+  --u-base-color-info-400-hex: #76c3dc;
+  --u-base-color-info-400-rgb: 118, 195, 220;
+  --u-base-color-info-500-hex: #54b4d3;
+  --u-base-color-info-500-rgb: 84, 180, 211;
+  --u-base-color-info-600-hex: #4390a9;
+  --u-base-color-info-600-rgb: 67, 144, 169;
+  --u-base-color-info-700-hex: #326c7f;
+  --u-base-color-info-700-rgb: 50, 108, 127;
+  --u-base-color-info-800-hex: #214855;
+  --u-base-color-info-800-rgb: 33, 72, 85;
+  --u-base-color-info-900-hex: #11242a;
+  --u-base-color-info-900-rgb: 17, 36, 42;
+  --u-base-color-info-def: #54b4d3;
+  --u-base-color-info-def-hex: #54b4d3;
+  --u-base-color-info-def-rgb: 84, 180, 211;
+  --u-base-color-transparent: transparent;
+  --u-base-color-transparent-hex: transparent;
+  --u-base-color-transparent-rgb: transparent;
+  --u-base-color-white: #ffffff;
+  --u-base-color-white-hex: #ffffff;
+  --u-base-color-white-rgb: 255, 255, 255;
+  --u-base-color-black: #000000;
+  --u-base-color-black-hex: #000000;
+  --u-base-color-black-rgb: 0, 0, 0;
+  --u-base-color-background: transparent;
+  --u-base-color-gray-50: #f9fafb;
+  --u-base-color-gray-100: #f3f4f6;
+  --u-base-color-gray-200: #e5e7eb;
+  --u-base-color-gray-300: #d1d5db;
+  --u-base-color-gray-400: #9ca3af;
+  --u-base-color-gray-500: #6b7280;
+  --u-base-color-gray-600: #4b5563;
+  --u-base-color-gray-700: #374151;
+  --u-base-color-gray-800: #1f2937;
+  --u-base-color-gray-900: #111827;
+  --u-base-color-gray-50-hex: #f9fafb;
+  --u-base-color-gray-50-rgb: 249, 250, 251;
+  --u-base-color-gray-100-hex: #f3f4f6;
+  --u-base-color-gray-100-rgb: 243, 244, 246;
+  --u-base-color-gray-200-hex: #e5e7eb;
+  --u-base-color-gray-200-rgb: 229, 231, 235;
+  --u-base-color-gray-300-hex: #d1d5db;
+  --u-base-color-gray-300-rgb: 209, 213, 219;
+  --u-base-color-gray-400-hex: #9ca3af;
+  --u-base-color-gray-400-rgb: 156, 163, 175;
+  --u-base-color-gray-500-hex: #6b7280;
+  --u-base-color-gray-500-rgb: 107, 114, 128;
+  --u-base-color-gray-600-hex: #4b5563;
+  --u-base-color-gray-600-rgb: 75, 85, 99;
+  --u-base-color-gray-700-hex: #374151;
+  --u-base-color-gray-700-rgb: 55, 65, 81;
+  --u-base-color-gray-800-hex: #1f2937;
+  --u-base-color-gray-800-rgb: 31, 41, 55;
+  --u-base-color-gray-900-hex: #111827;
+  --u-base-color-gray-900-rgb: 17, 24, 39;
+  --u-base-color-gray-def: #6b7280;
+  --u-base-color-gray-def-hex: #6b7280;
+  --u-base-color-gray-def-rgb: 107, 114, 128;
+  --u-base-color-red-50: #fef2f2;
+  --u-base-color-red-100: #fee2e2;
+  --u-base-color-red-200: #fecaca;
+  --u-base-color-red-300: #fca5a5;
+  --u-base-color-red-400: #f87171;
+  --u-base-color-red-500: #ef4444;
+  --u-base-color-red-600: #dc2626;
+  --u-base-color-red-700: #b91c1c;
+  --u-base-color-red-800: #991b1b;
+  --u-base-color-red-900: #7f1d1d;
+  --u-base-color-red-50-hex: #fef2f2;
+  --u-base-color-red-50-rgb: 254, 242, 242;
+  --u-base-color-red-100-hex: #fee2e2;
+  --u-base-color-red-100-rgb: 254, 226, 226;
+  --u-base-color-red-200-hex: #fecaca;
+  --u-base-color-red-200-rgb: 254, 202, 202;
+  --u-base-color-red-300-hex: #fca5a5;
+  --u-base-color-red-300-rgb: 252, 165, 165;
+  --u-base-color-red-400-hex: #f87171;
+  --u-base-color-red-400-rgb: 248, 113, 113;
+  --u-base-color-red-500-hex: #ef4444;
+  --u-base-color-red-500-rgb: 239, 68, 68;
+  --u-base-color-red-600-hex: #dc2626;
+  --u-base-color-red-600-rgb: 220, 38, 38;
+  --u-base-color-red-700-hex: #b91c1c;
+  --u-base-color-red-700-rgb: 185, 28, 28;
+  --u-base-color-red-800-hex: #991b1b;
+  --u-base-color-red-800-rgb: 153, 27, 27;
+  --u-base-color-red-900-hex: #7f1d1d;
+  --u-base-color-red-900-rgb: 127, 29, 29;
+  --u-base-color-red-def: #ef4444;
+  --u-base-color-red-def-hex: #ef4444;
+  --u-base-color-red-def-rgb: 239, 68, 68;
+  --u-base-color-orange-50: #fff7ed;
+  --u-base-color-orange-100: #ffedd5;
+  --u-base-color-orange-200: #fed7aa;
+  --u-base-color-orange-300: #fdba74;
+  --u-base-color-orange-400: #fb923c;
+  --u-base-color-orange-500: #f97316;
+  --u-base-color-orange-600: #ea580c;
+  --u-base-color-orange-700: #c2410c;
+  --u-base-color-orange-800: #9a3412;
+  --u-base-color-orange-900: #7c2d12;
+  --u-base-color-orange-50-hex: #fff7ed;
+  --u-base-color-orange-50-rgb: 255, 247, 237;
+  --u-base-color-orange-100-hex: #ffedd5;
+  --u-base-color-orange-100-rgb: 255, 237, 213;
+  --u-base-color-orange-200-hex: #fed7aa;
+  --u-base-color-orange-200-rgb: 254, 215, 170;
+  --u-base-color-orange-300-hex: #fdba74;
+  --u-base-color-orange-300-rgb: 253, 186, 116;
+  --u-base-color-orange-400-hex: #fb923c;
+  --u-base-color-orange-400-rgb: 251, 146, 60;
+  --u-base-color-orange-500-hex: #f97316;
+  --u-base-color-orange-500-rgb: 249, 115, 22;
+  --u-base-color-orange-600-hex: #ea580c;
+  --u-base-color-orange-600-rgb: 234, 88, 12;
+  --u-base-color-orange-700-hex: #c2410c;
+  --u-base-color-orange-700-rgb: 194, 65, 12;
+  --u-base-color-orange-800-hex: #9a3412;
+  --u-base-color-orange-800-rgb: 154, 52, 18;
+  --u-base-color-orange-900-hex: #7c2d12;
+  --u-base-color-orange-900-rgb: 124, 45, 18;
+  --u-base-color-orange-def: #f97316;
+  --u-base-color-orange-def-hex: #f97316;
+  --u-base-color-orange-def-rgb: 249, 115, 22;
+  --u-base-color-yellow-50: #fefce8;
+  --u-base-color-yellow-100: #fef9c3;
+  --u-base-color-yellow-200: #fef08a;
+  --u-base-color-yellow-300: #fde047;
+  --u-base-color-yellow-400: #facc15;
+  --u-base-color-yellow-500: #eab308;
+  --u-base-color-yellow-600: #ca8a04;
+  --u-base-color-yellow-700: #a16207;
+  --u-base-color-yellow-800: #854d0e;
+  --u-base-color-yellow-900: #713f12;
+  --u-base-color-yellow-50-hex: #fefce8;
+  --u-base-color-yellow-50-rgb: 254, 252, 232;
+  --u-base-color-yellow-100-hex: #fef9c3;
+  --u-base-color-yellow-100-rgb: 254, 249, 195;
+  --u-base-color-yellow-200-hex: #fef08a;
+  --u-base-color-yellow-200-rgb: 254, 240, 138;
+  --u-base-color-yellow-300-hex: #fde047;
+  --u-base-color-yellow-300-rgb: 253, 224, 71;
+  --u-base-color-yellow-400-hex: #facc15;
+  --u-base-color-yellow-400-rgb: 250, 204, 21;
+  --u-base-color-yellow-500-hex: #eab308;
+  --u-base-color-yellow-500-rgb: 234, 179, 8;
+  --u-base-color-yellow-600-hex: #ca8a04;
+  --u-base-color-yellow-600-rgb: 202, 138, 4;
+  --u-base-color-yellow-700-hex: #a16207;
+  --u-base-color-yellow-700-rgb: 161, 98, 7;
+  --u-base-color-yellow-800-hex: #854d0e;
+  --u-base-color-yellow-800-rgb: 133, 77, 14;
+  --u-base-color-yellow-900-hex: #713f12;
+  --u-base-color-yellow-900-rgb: 113, 63, 18;
+  --u-base-color-yellow-def: #eab308;
+  --u-base-color-yellow-def-hex: #eab308;
+  --u-base-color-yellow-def-rgb: 234, 179, 8;
+  --u-base-color-green-50: #f0fdf4;
+  --u-base-color-green-100: #dcfce7;
+  --u-base-color-green-200: #bbf7d0;
+  --u-base-color-green-300: #86efac;
+  --u-base-color-green-400: #4ade80;
+  --u-base-color-green-500: #22c55e;
+  --u-base-color-green-600: #16a34a;
+  --u-base-color-green-700: #15803d;
+  --u-base-color-green-800: #166534;
+  --u-base-color-green-900: #14532d;
+  --u-base-color-green-50-hex: #f0fdf4;
+  --u-base-color-green-50-rgb: 240, 253, 244;
+  --u-base-color-green-100-hex: #dcfce7;
+  --u-base-color-green-100-rgb: 220, 252, 231;
+  --u-base-color-green-200-hex: #bbf7d0;
+  --u-base-color-green-200-rgb: 187, 247, 208;
+  --u-base-color-green-300-hex: #86efac;
+  --u-base-color-green-300-rgb: 134, 239, 172;
+  --u-base-color-green-400-hex: #4ade80;
+  --u-base-color-green-400-rgb: 74, 222, 128;
+  --u-base-color-green-500-hex: #22c55e;
+  --u-base-color-green-500-rgb: 34, 197, 94;
+  --u-base-color-green-600-hex: #16a34a;
+  --u-base-color-green-600-rgb: 22, 163, 74;
+  --u-base-color-green-700-hex: #15803d;
+  --u-base-color-green-700-rgb: 21, 128, 61;
+  --u-base-color-green-800-hex: #166534;
+  --u-base-color-green-800-rgb: 22, 101, 52;
+  --u-base-color-green-900-hex: #14532d;
+  --u-base-color-green-900-rgb: 20, 83, 45;
+  --u-base-color-green-def: #22c55e;
+  --u-base-color-green-def-hex: #22c55e;
+  --u-base-color-green-def-rgb: 34, 197, 94;
+  --u-base-color-sky-50: #f0f9ff;
+  --u-base-color-sky-100: #e0f2fe;
+  --u-base-color-sky-200: #bae6fd;
+  --u-base-color-sky-300: #7dd3fc;
+  --u-base-color-sky-400: #38bdf8;
+  --u-base-color-sky-500: #0ea5e9;
+  --u-base-color-sky-600: #0284c7;
+  --u-base-color-sky-700: #0369a1;
+  --u-base-color-sky-800: #075985;
+  --u-base-color-sky-900: #0c4a6e;
+  --u-base-color-sky-50-hex: #f0f9ff;
+  --u-base-color-sky-50-rgb: 240, 249, 255;
+  --u-base-color-sky-100-hex: #e0f2fe;
+  --u-base-color-sky-100-rgb: 224, 242, 254;
+  --u-base-color-sky-200-hex: #bae6fd;
+  --u-base-color-sky-200-rgb: 186, 230, 253;
+  --u-base-color-sky-300-hex: #7dd3fc;
+  --u-base-color-sky-300-rgb: 125, 211, 252;
+  --u-base-color-sky-400-hex: #38bdf8;
+  --u-base-color-sky-400-rgb: 56, 189, 248;
+  --u-base-color-sky-500-hex: #0ea5e9;
+  --u-base-color-sky-500-rgb: 14, 165, 233;
+  --u-base-color-sky-600-hex: #0284c7;
+  --u-base-color-sky-600-rgb: 2, 132, 199;
+  --u-base-color-sky-700-hex: #0369a1;
+  --u-base-color-sky-700-rgb: 3, 105, 161;
+  --u-base-color-sky-800-hex: #075985;
+  --u-base-color-sky-800-rgb: 7, 89, 133;
+  --u-base-color-sky-900-hex: #0c4a6e;
+  --u-base-color-sky-900-rgb: 12, 74, 110;
+  --u-base-color-sky-def: #0ea5e9;
+  --u-base-color-sky-def-hex: #0ea5e9;
+  --u-base-color-sky-def-rgb: 14, 165, 233;
+  --u-base-color-blue-50: #eff6ff;
+  --u-base-color-blue-100: #dbeafe;
+  --u-base-color-blue-200: #bfdbfe;
+  --u-base-color-blue-300: #93c5fd;
+  --u-base-color-blue-400: #60a5fa;
+  --u-base-color-blue-500: #3b82f6;
+  --u-base-color-blue-600: #2563eb;
+  --u-base-color-blue-700: #1d4ed8;
+  --u-base-color-blue-800: #1e40af;
+  --u-base-color-blue-900: #1e3a8a;
+  --u-base-color-blue-50-hex: #eff6ff;
+  --u-base-color-blue-50-rgb: 239, 246, 255;
+  --u-base-color-blue-100-hex: #dbeafe;
+  --u-base-color-blue-100-rgb: 219, 234, 254;
+  --u-base-color-blue-200-hex: #bfdbfe;
+  --u-base-color-blue-200-rgb: 191, 219, 254;
+  --u-base-color-blue-300-hex: #93c5fd;
+  --u-base-color-blue-300-rgb: 147, 197, 253;
+  --u-base-color-blue-400-hex: #60a5fa;
+  --u-base-color-blue-400-rgb: 96, 165, 250;
+  --u-base-color-blue-500-hex: #3b82f6;
+  --u-base-color-blue-500-rgb: 59, 130, 246;
+  --u-base-color-blue-600-hex: #2563eb;
+  --u-base-color-blue-600-rgb: 37, 99, 235;
+  --u-base-color-blue-700-hex: #1d4ed8;
+  --u-base-color-blue-700-rgb: 29, 78, 216;
+  --u-base-color-blue-800-hex: #1e40af;
+  --u-base-color-blue-800-rgb: 30, 64, 175;
+  --u-base-color-blue-900-hex: #1e3a8a;
+  --u-base-color-blue-900-rgb: 30, 58, 138;
+  --u-base-color-blue-def: #3b82f6;
+  --u-base-color-blue-def-hex: #3b82f6;
+  --u-base-color-blue-def-rgb: 59, 130, 246;
+  --u-base-color-opacity: 1.0;
+  --u-base-color-variant-primary: #5993d9;
+  --u-base-color-variant-secondary: #e53206;
+  --u-base-color-variant-success: #14a44d;
+  --u-base-color-variant-info: #54b4d3;
+  --u-base-color-variant-warning: #e4a11b;
+  --u-base-color-variant-danger: #dc4c64;
+  --u-base-cursor-pointer: pointer;
+  --u-base-cursor-move: move;
+  --u-base-cursor-default: auto;
+  --u-base-cursor-disabled: not-allowed;
+  --u-base-cursor-resize-ew: ew-resize;
+  --u-base-cursor-resize-ns: ns-resize;
+  --u-base-cursor-wait: wait;
+  --u-base-cursor-help: help;
+  --u-base-font-weight-def: 400;
+  --u-base-font-weight-thin: 100;
+  --u-base-font-weight-extralight: 200;
+  --u-base-font-weight-light: 300;
+  --u-base-font-weight-regular: 400;
+  --u-base-font-weight-medium: 500;
+  --u-base-font-weight-semibold: 600;
+  --u-base-font-weight-bold: 700;
+  --u-base-font-weight-extrabold: 800;
+  --u-base-font-weight-black: 900;
+  --u-base-grid-template-columns: 1fr;
+  --u-base-grid-template-rows: 1fr;
+  --u-base-grid-template-colspan: 1;
+  --u-base-step-0: 0px;
+  --u-base-step-1: 0.25rem; /* 4px */
+  --u-base-step-2: 0.5rem; /* 8px */
+  --u-base-step-3: 0.75rem; /* 12px */
+  --u-base-step-4: 1rem; /* 16px */
+  --u-base-step-5: 1.25rem; /* 20px */
+  --u-base-step-6: 1.5rem; /* 24px */
+  --u-base-step-7: 1.75rem; /* 28px */
+  --u-base-step-8: 2rem; /* 32px */
+  --u-base-step-9: 2.25rem; /* 36px */
+  --u-base-step-10: 2.5rem; /* 40px */
+  --u-base-step-12: 3rem; /* 48px */
+  --u-base-step-18: 4.5rem; /* 72px */
+  --u-base-step-64: 16rem; /* 256px */
+  --u-base-step-px: 1px;
+  --u-base-step-0d5: 0.125rem; /* 2px */
+  --u-base-step-1d5: 0.375rem; /* 6px */
+  --u-base-step-auto: auto;
+  --u-base-position-0: 0px;
+  --u-base-position-1: 0.25rem; /* 4px */
+  --u-base-position-2: 0.5rem; /* 8px */
+  --u-base-position-3: 0.75rem; /* 12px */
+  --u-base-position-4: 1rem; /* 16px */
+  --u-base-position-5: 1.25rem; /* 20px */
+  --u-base-position-6: 1.5rem; /* 24px */
+  --u-base-position-7: 1.75rem; /* 28px */
+  --u-base-position-8: 2rem; /* 32px */
+  --u-base-position-9: 2.25rem; /* 36px */
+  --u-base-position-10: 2.5rem; /* 40px */
+  --u-base-position-12: 3rem; /* 48px */
+  --u-base-position-18: 4.5rem; /* 72px */
+  --u-base-position-64: 16rem; /* 256px */
+  --u-base-position-px: 1px;
+  --u-base-position-0d5: 0.125rem; /* 2px */
+  --u-base-position-1d5: 0.375rem; /* 6px */
+  --u-base-position-auto: auto;
+  --u-base-position-1-4: 25%;
+  --u-base-position-1-2: 50%;
+  --u-base-position-1-3: 33.3333%;
+  --u-base-position-2-3: 66.6666%;
+  --u-base-position-3-4: 75%;
+  --u-base-position-4-5: 80%;
+  --u-base-position-full: 100%;
+  --u-base-position-5vh: 5vh;
+  --u-base-position-10vh: 10vh;
+  --u-base-position-15vh: 15vh;
+  --u-base-position-20vh: 20vh;
+  --u-base-position-25vh: 25vh;
+  --u-base-position-30vh: 30vh;
+  --u-base-position-35vh: 35vh;
+  --u-base-position-40vh: 40vh;
+  --u-base-position-45vh: 45vh;
+  --u-base-position-50vh: 50vh;
+  --u-base-position-55vh: 55vh;
+  --u-base-position-60vh: 60vh;
+  --u-base-position-65vh: 65vh;
+  --u-base-position-70vh: 70vh;
+  --u-base-position-75vh: 75vh;
+  --u-base-position-80vh: 80vh;
+  --u-base-position-85vh: 85vh;
+  --u-base-position-90vh: 90vh;
+  --u-base-position-95vh: 95vh;
+  --u-base-position-100vh: 100vh;
+  --u-base-position-5vw: 5vw;
+  --u-base-position-10vw: 10vw;
+  --u-base-position-15vw: 15vw;
+  --u-base-position-20vw: 20vw;
+  --u-base-position-25vw: 25vw;
+  --u-base-position-30vw: 30vw;
+  --u-base-position-35vw: 35vw;
+  --u-base-position-40vw: 40vw;
+  --u-base-position-45vw: 45vw;
+  --u-base-position-50vw: 50vw;
+  --u-base-position-55vw: 55vw;
+  --u-base-position-60vw: 60vw;
+  --u-base-position-65vw: 65vw;
+  --u-base-position-70vw: 70vw;
+  --u-base-position-75vw: 75vw;
+  --u-base-position-80vw: 80vw;
+  --u-base-position-85vw: 85vw;
+  --u-base-position-90vw: 90vw;
+  --u-base-position-95vw: 95vw;
+  --u-base-position-100vw: 100vw;
+  --u-base-size-0: 0px;
+  --u-base-size-1: 0.25rem; /* 4px */
+  --u-base-size-2: 0.5rem; /* 8px */
+  --u-base-size-3: 0.75rem; /* 12px */
+  --u-base-size-4: 1rem; /* 16px */
+  --u-base-size-5: 1.25rem; /* 20px */
+  --u-base-size-6: 1.5rem; /* 24px */
+  --u-base-size-7: 1.75rem; /* 28px */
+  --u-base-size-8: 2rem; /* 32px */
+  --u-base-size-9: 2.25rem; /* 36px */
+  --u-base-size-10: 2.5rem; /* 40px */
+  --u-base-size-11: 2.75rem; /* 44px */
+  --u-base-size-12: 3rem; /* 48px */
+  --u-base-size-14: 3.5rem; /* 56px */
+  --u-base-size-16: 4rem; /* 64px */
+  --u-base-size-18: 4.5rem; /* 72px */
+  --u-base-size-20: 5rem; /* 80px */
+  --u-base-size-24: 6rem; /* 96px */
+  --u-base-size-28: 7rem; /* 112px */
+  --u-base-size-32: 8rem; /* 128px */
+  --u-base-size-36: 9rem; /* 144px */
+  --u-base-size-40: 10rem; /* 160px */
+  --u-base-size-44: 11rem; /* 176px */
+  --u-base-size-48: 12rem; /* 192px */
+  --u-base-size-52: 13rem; /* 208px */
+  --u-base-size-56: 14rem; /* 224px */
+  --u-base-size-60: 15rem; /* 240px */
+  --u-base-size-64: 16rem; /* 256px */
+  --u-base-size-72: 18rem; /* 288px */
+  --u-base-size-80: 20rem; /* 320px */
+  --u-base-size-96: 24rem; /* 384px */
+  --u-base-size-112: 28rem; /* 448px */
+  --u-base-size-128: 32rem; /* 512px */
+  --u-base-size-144: 36rem; /* 576px */
+  --u-base-size-160: 40rem; /* 640px */
+  --u-base-size-192: 48rem; /* 768px */
+  --u-base-size-224: 56rem; /* 896px */
+  --u-base-size-256: 64rem; /* 1024px */
+  --u-base-size-px: 1px;
+  --u-base-size-0d5: 0.125rem; /* 2px */
+  --u-base-size-1d5: 0.375rem; /* 6px */
+  --u-base-size-auto: auto;
+  --u-base-size-1-4: 25%;
+  --u-base-size-1-2: 50%;
+  --u-base-size-1-3: 33.3333%;
+  --u-base-size-2-3: 66.6666%;
+  --u-base-size-3-4: 75%;
+  --u-base-size-4-5: 80%;
+  --u-base-size-full: 100%;
+  --u-base-size-5vh: 5vh;
+  --u-base-size-10vh: 10vh;
+  --u-base-size-15vh: 15vh;
+  --u-base-size-20vh: 20vh;
+  --u-base-size-25vh: 25vh;
+  --u-base-size-30vh: 30vh;
+  --u-base-size-35vh: 35vh;
+  --u-base-size-40vh: 40vh;
+  --u-base-size-45vh: 45vh;
+  --u-base-size-50vh: 50vh;
+  --u-base-size-55vh: 55vh;
+  --u-base-size-60vh: 60vh;
+  --u-base-size-65vh: 65vh;
+  --u-base-size-70vh: 70vh;
+  --u-base-size-75vh: 75vh;
+  --u-base-size-80vh: 80vh;
+  --u-base-size-85vh: 85vh;
+  --u-base-size-90vh: 90vh;
+  --u-base-size-95vh: 95vh;
+  --u-base-size-100vh: 100vh;
+  --u-base-size-5vw: 5vw;
+  --u-base-size-10vw: 10vw;
+  --u-base-size-15vw: 15vw;
+  --u-base-size-20vw: 20vw;
+  --u-base-size-25vw: 25vw;
+  --u-base-size-30vw: 30vw;
+  --u-base-size-35vw: 35vw;
+  --u-base-size-40vw: 40vw;
+  --u-base-size-45vw: 45vw;
+  --u-base-size-50vw: 50vw;
+  --u-base-size-55vw: 55vw;
+  --u-base-size-60vw: 60vw;
+  --u-base-size-65vw: 65vw;
+  --u-base-size-70vw: 70vw;
+  --u-base-size-75vw: 75vw;
+  --u-base-size-80vw: 80vw;
+  --u-base-size-85vw: 85vw;
+  --u-base-size-90vw: 90vw;
+  --u-base-size-95vw: 95vw;
+  --u-base-size-100vw: 100vw;
+  --u-base-size-def: 2.5rem;
+  --u-base-size-2px: 0.125rem; /* 2px */
+  --u-base-size-none: none; /* No top positioning */
+  --u-base-size-fit: fit-content; /* Size to fit the content */
+  --u-base-size-2xs: 0.5em;
+  --u-base-size-xs: 0.75em;
+  --u-base-size-sm: 0.875em;
+  --u-base-size-base: 1em;
+  --u-base-size-lg: 1.125em;
+  --u-base-size-xl: 1.25em;
+  --u-base-size-2xl: 1.5em;
+  --u-base-rotation-0: 0;
+  --u-base-rotation-45: 45;
+  --u-base-rotation-90: 90;
+  --u-base-rotation-135: 135;
+  --u-base-rotation-180: 180;
+  --u-base-rotation-225: 225;
+  --u-base-rotation-270: 270;
+  --u-base-rotation-315: 315;
+  --u-base-rotation-def: 0;
+  --u-base-screen-small: 0;
+  --u-base-screen-medium: 1280;
+  --u-base-screen-default: 1920;
+  --u-base-screen-large: 2560;
+  --u-base-scroll-bar-width: 0.25rem;
+  --u-base-scroll-width: 0.25rem;
+  --u-base-scroll-height: 0.25rem;
+  --u-base-scroll-thumb-min-width: 2rem;
+  --u-base-scroll-thumb-height: auto;
+  --u-base-scroll-thumb-round: 0.5rem;
+  --u-base-text-color-black: #000000;
+  --u-base-text-color-gray-700: #374151;
+  --u-base-text-color-primary: #5993d9;
+  --u-base-text-color-secondary: #e53206;
+  --u-base-text-color-success: #14a44d;
+  --u-base-text-color-info: #54b4d3;
+  --u-base-text-color-warning: #e4a11b;
+  --u-base-text-color-danger: #dc4c64;
+  --u-base-text-size-2xs: 0.5rem;
+  --u-base-text-size-xs: 0.75rem;
+  --u-base-text-size-sm: 0.875rem;
+  --u-base-text-size-base: 1rem;
+  --u-base-text-size-lg: 1.125rem;
+  --u-base-text-size-xl: 1.25rem;
+  --u-base-text-size-2xl: 1.5rem;
+  --u-base-text-line-height-def: 1.5rem;
+  --u-base-text-line-height-fit: 1;
+  --u-base-text-line-height-2xs: 0.75rem;
+  --u-base-text-line-height-xs: 1rem;
+  --u-base-text-line-height-sm: 1.25rem;
+  --u-base-text-line-height-base: 1.5rem;
+  --u-base-text-line-height-lg: 1.75rem;
+  --u-base-text-line-height-xl: 1.75rem;
+  --u-base-text-line-height-2xl: 2rem;
+  --u-base-opacity-0: 0.0;
+  --u-base-opacity-25: 0.25;
+  --u-base-opacity-50: 0.5;
+  --u-base-opacity-75: 0.75;
+  --u-base-opacity-100: 1.0;
+  --u-base-opacity-disabled: 0.25;
+  --u-base-zindex-0: 0;
+  --u-base-zindex-1: 1;
+  --u-base-zindex-2: 2;
+  --u-base-zindex-10: 10;
+  --u-base-zindex-20: 20;
+  --u-base-zindex-30: 30;
+  --u-base-zindex-40: 40;
+  --u-base-zindex-50: 50;
+  --u-base-zindex-60: 60;
+  --u-base-zindex-70: 70;
+  --u-base-zindex-80: 80;
+  --u-base-zindex-90: 90;
+  --u-base-zindex-100: 100;
+  --u-base-zindex-hidden: -1;
+  --u-base-zindex-icon: 1;
+  --u-base-zindex-menu: 20;
+  --u-base-zindex-teleport: 20;
+  --u-base-zindex-load: 30;
+  --u-base-zindex-modal: 40;
+  --u-base-zindex-tip: 50;
+  --u-base-zindex-mobile-menu: 50;
+  --u-base-zindex-notice: 100;
+  --u-base-zindex-fullpage-load: 100;
+}