fix(flutter): 버튼·탭 라벨 글꼴을 시안 전역 규칙에 맞춤

시안 styles.css 뒷부분의 전역 규칙이 .rup-btn · 선택 버튼 · 하단 탭 라벨을
제목 서체(충북대체) 800 으로 덮어쓴다는 것을 놓쳤다.
- RupButton: 제목 서체 사용, thin(600)·danger 변형 추가 (인트로 CTA 는 본문 서체 유지)
- 탭 라벨: 제목 서체 800, 가운뎃점만 본문 서체로 그려 "일정·기록" 이 벌어져 보이지 않게 함
  (브라우저는 CJK 문장부호 간격을 자동으로 줄이지만 Flutter 는 글리프 폭을 그대로 쓴다)
- 이후 화면에 필요한 색 토큰(오류·시트 배경·빈 명함 등) 추가

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

flutter/lib/features/shell/presentation/widgets/rup_tab_bar.dart

@@ -3,6 +3,7 @@ import 'dart:ui' show ImageFilter;
 import 'package:flutter/material.dart';
 import 'package:tma_app/core/constants/app_colors.dart';
 import 'package:tma_app/core/constants/app_sizes.dart';
+import 'package:tma_app/core/theme/app_typography.dart';
 import 'package:tma_app/features/shell/domain/app_tab.dart';
 import 'package:tma_app/shared/widgets/icons/rup_icon.dart';
 
@@ -63,6 +64,21 @@ class RupTabBar extends StatelessWidget {
   }
 }
 
+/// 제목 서체의 가운뎃점(·)은 폭이 넓고 왼쪽에 붙어 있다.
+/// 브라우저는 문장부호 간격을 자동으로 줄이지만 Flutter 는 그대로 그리므로
+/// 가운뎃점만 본문 서체로 바꿔 "일정·기록" 처럼 붙여 보이게 한다.
+TextSpan _narrowDots(String label) {
+  final parts = label.split('·');
+  return TextSpan(
+    children: [
+      for (final (i, part) in parts.indexed) ...[
+        if (i > 0) const TextSpan(text: '·', style: TextStyle(fontFamily: AppFonts.ui)),
+        TextSpan(text: part),
+      ],
+    ],
+  );
+}
+
 class _TabItem extends StatelessWidget {
   const _TabItem({required this.tab, required this.active, required this.onTap});
 
@@ -108,7 +124,7 @@ class _TabItem extends StatelessWidget {
                       color: color,
                       letterSpacing: 0,
                     ),
-                child: Text(tab.label, maxLines: 1, softWrap: false),
+                child: Text.rich(_narrowDots(tab.label), maxLines: 1, softWrap: false),
               ),
             ],
           ),