feat(platform): sprint 11.5 standardization

src/styles.scss

@@ -36,11 +36,21 @@
   --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
   --shadow-lg: 0 12px 32px rgba(73, 118, 113, 0.2);
+
+  --space-xs: 4px;
+  --space-sm: 8px;
+  --space-md: 16px;
+  --space-lg: 24px;
+  --space-xl: 32px;
   
   --radius-sm: 8px;
   --radius-md: 12px;
   --radius-lg: 13px;
   --radius-xl: 22px;
+
+  --transition-fast: 120ms ease;
+  --transition-normal: 180ms ease;
+  --transition-slow: 300ms ease;
 }
 
 * {
@@ -69,7 +79,7 @@ body {
   min-height: 100vh;
   overflow-x: hidden;
 
-  &.dexar-menu-open {
+  &.platform-menu-open {
     overflow: hidden;
   }
 }
@@ -93,7 +103,7 @@ canvas {
 
 /* Smooth Transitions */
 a, button, input, textarea, select {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all var(--transition-slow);
 }
 
 /* Responsive Typography */
@@ -134,7 +144,7 @@ a, button, input, textarea, select {
 .page-container {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 24px 16px;
+  padding: var(--space-lg) var(--space-md);
   width: 100%;
 }
 
@@ -142,7 +152,7 @@ a, button, input, textarea, select {
 .container {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 24px 16px;
+  padding: var(--space-lg) var(--space-md);
   width: 100%;
 }
 
@@ -154,7 +164,7 @@ a, button, input, textarea, select {
 
 .grid {
   display: grid;
-  gap: 16px;
+  gap: var(--space-md);
 }
 
 .card {
@@ -162,7 +172,7 @@ a, button, input, textarea, select {
   border: 1px solid var(--border-color);
   border-radius: var(--radius-md);
   box-shadow: var(--shadow-sm);
-  transition: transform 180ms ease, box-shadow 180ms ease;
+  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
 }
 
 .card:hover {
@@ -173,7 +183,7 @@ a, button, input, textarea, select {
 .product-card,
 .item-card,
 .catalog-product-card {
-  transition: transform 180ms ease, box-shadow 180ms ease;
+  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
 }
 
 .product-card:hover,
@@ -194,7 +204,7 @@ a, button, input, textarea, select {
   line-height: 1.2;
   cursor: pointer;
   text-decoration: none;
-  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease;
+  transition: transform var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal);
 }
 
 .btn:hover {
@@ -353,3 +363,5 @@ a, button, input, textarea, select {
   -webkit-box-orient: vertical;
 }
 
+
+