Initial CMPP frontend prototype

2026-06-30 16:09:46 +08:00
commit 2f3c274a30
98 changed files with 25255 additions and 0 deletions
@@ -0,0 +1,97 @@
+:root {
+  color-scheme: light;
+
+  /* Brand */
+  --color-brand: #12121a;
+  --color-brand-hover: #1c1c27;
+  --color-brand-active: #08080d;
+  --color-accent: #d9c3a0;
+  --color-accent-soft: #f6efe4;
+  --color-accent-strong: #b99763;
+  --color-selected: #2563eb;
+  --color-selected-hover: #1d4ed8;
+  --color-selected-active: #1e40af;
+  --color-selected-soft: #eff6ff;
+
+  /* Neutrals */
+  --color-bg: #f6f7f9;
+  --color-bg-subtle: #fbfbfc;
+  --color-surface: #ffffff;
+  --color-surface-elevated: #ffffff;
+  --color-surface-muted: #f3f4f6;
+  --color-border: #e5e7eb;
+  --color-border-strong: #d1d5db;
+  --color-text: #1f2937;
+  --color-text-strong: #111827;
+  --color-text-muted: #6b7280;
+  --color-text-subtle: #9ca3af;
+  --color-text-inverse: #ffffff;
+
+  /* Status */
+  --color-success: #16a34a;
+  --color-success-soft: #ecfdf3;
+  --color-warning: #d97706;
+  --color-warning-soft: #fffbeb;
+  --color-danger: #dc2626;
+  --color-danger-soft: #fef2f2;
+  --color-info: #2563eb;
+  --color-info-soft: #eff6ff;
+
+  /* Typography */
+  --font-family: Inter, "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-size-xs: 12px;
+  --font-size-sm: 13px;
+  --font-size-md: 14px;
+  --font-size-lg: 16px;
+  --font-size-xl: 20px;
+  --font-size-2xl: 24px;
+  --line-height-tight: 1.25;
+  --line-height-base: 1.5;
+  --line-height-loose: 1.75;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* Spacing */
+  --space-0: 0;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --space-7: 28px;
+  --space-8: 32px;
+  --space-10: 40px;
+  --space-12: 48px;
+
+  /* Shape */
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+  --radius-full: 999px;
+
+  /* Effects */
+  --shadow-xs: 0 1px 1px rgba(18, 18, 26, 0.04);
+  --shadow-sm: 0 1px 2px rgba(18, 18, 26, 0.08);
+  --shadow-md: 0 8px 24px rgba(18, 18, 26, 0.08);
+  --shadow-lg: 0 18px 48px rgba(18, 18, 26, 0.12);
+  --focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.18);
+  --transition-fast: 120ms ease;
+  --transition-base: 180ms ease;
+
+  /* Layout */
+  --sidebar-width: 248px;
+  --topbar-height: 64px;
+  --content-max-width: 1440px;
+
+  /* Component primitives */
+  --control-height-sm: 32px;
+  --control-height-md: 38px;
+  --control-height-lg: 44px;
+  --control-padding-x: 12px;
+  --z-dropdown: 1000;
+  --z-modal: 1100;
+  --z-toast: 1200;
+}