refactor: promote 8081 design system and served app structure

2026-04-01 14:50:08 +09:00
parent 637b390024
commit d0e055973e
50 changed files with 24157 additions and 820 deletions
--- a/frontend/public/design-tokens.css
+++ b/frontend/public/design-tokens.css
@@ -0,0 +1,60 @@
+:root {
+  --ds-font-sans: "Pretendard", "Malgun Gothic", sans-serif;
+
+  --ds-bg: #f1eadf;
+  --ds-bg-soft: #f4e9d7;
+  --ds-bg-gradient:
+    radial-gradient(circle at top left, rgba(214, 138, 58, 0.18), transparent 24%),
+    radial-gradient(circle at top right, rgba(47, 153, 115, 0.12), transparent 22%),
+    linear-gradient(180deg, #f6efe6 0%, #f1eadf 100%);
+
+  --ds-panel: #fffaf3;
+  --ds-panel-soft: rgba(255, 250, 243, 0.9);
+  --ds-panel-strong: #eadcc4;
+
+  --ds-ink: #10251d;
+  --ds-text-soft: #425148;
+  --ds-text-muted: #66756d;
+
+  --ds-line: #d9c5a8;
+  --ds-line-soft: rgba(217, 197, 168, 0.45);
+
+  --ds-brand: #0f3a2f;
+  --ds-brand-deep: #0a2a22;
+  --ds-brand-soft: #1a5645;
+  --ds-accent: #d68a3a;
+  --ds-accent-soft: #f2c484;
+  --ds-accent-strong: #b66e22;
+  --ds-mint: #2f9973;
+  --ds-info: #4b87b3;
+
+  --ds-status-success: #2f6b52;
+  --ds-status-warning: #9a6422;
+  --ds-status-danger: #a94832;
+
+  --ds-surface-tint: rgba(255, 255, 255, 0.72);
+  --ds-surface-tint-strong: rgba(255, 255, 255, 0.88);
+  --ds-glass-dark: rgba(20, 45, 37, 0.34);
+  --ds-glass-dark-soft: rgba(16, 37, 29, 0.16);
+  --ds-glass-line: rgba(255, 255, 255, 0.14);
+
+  --ds-shadow-soft: 0 10px 24px rgba(15, 58, 47, 0.08);
+  --ds-shadow-card: 0 22px 54px rgba(15, 58, 47, 0.12);
+  --ds-shadow-float: 0 18px 36px rgba(15, 58, 47, 0.16);
+  --ds-shadow-hero: 0 28px 70px rgba(15, 58, 47, 0.22);
+
+  --ds-radius-sm: 8px;
+  --ds-radius-md: 12px;
+  --ds-radius-lg: 18px;
+  --ds-radius-xl: 24px;
+  --ds-radius-pill: 999px;
+
+  --ds-space-1: 4px;
+  --ds-space-2: 8px;
+  --ds-space-3: 12px;
+  --ds-space-4: 16px;
+  --ds-space-5: 20px;
+  --ds-space-6: 24px;
+
+  --ds-page-max-width: 2000px;
+}