sms

frontend/src/theme.module.less

@@ -0,0 +1,69 @@
+
+/* Global Theme Variables */
+:global {
+  :root {
+    /* Colors */
+    --primary-color: #00b96b;
+    --secondary-color: #1890ff;
+    --background-dark: #1f1f1f;
+    --background-card: #2a2a2a;
+    --text-primary: #ffffff;
+    --text-secondary: rgba(255, 255, 255, 0.65);
+    --border-color: rgba(255, 255, 255, 0.1);
+    
+    /* Typography */
+    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-size-base: 14px;
+    --font-size-lg: 16px;
+    --font-size-xl: 20px;
+    
+    /* Layout */
+    --border-radius-base: 8px;
+    --border-radius-lg: 16px;
+    
+    /* Spacing */
+    --spacing-xs: 4px;
+    --spacing-sm: 8px;
+    --spacing-md: 16px;
+    --spacing-lg: 24px;
+    
+    /* Shadows */
+    --box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
+    --box-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.25);
+  }
+}
+
+/* Mixins (Less Variables for module usage if needed) */
+@primary-color: var(--primary-color);
+@secondary-color: var(--secondary-color);
+@background-dark: var(--background-dark);
+@background-card: var(--background-card);
+@text-primary: var(--text-primary);
+@text-secondary: var(--text-secondary);
+@border-radius-base: var(--border-radius-base);
+
+.glass-panel {
+  background: rgba(42, 42, 42, 0.6);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: var(--border-radius-lg);
+}
+
+.section-title {
+  font-size: 24px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: var(--spacing-lg);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  
+  &::before {
+    content: '';
+    display: block;
+    width: 4px;
+    height: 24px;
+    background: var(--primary-color);
+    border-radius: 2px;
+  }
+}