a750c1098a
375px에서 사이드바가 196px을 고정 점유해 콘텐츠가 낱글자로 세로 분해되고 /jobs 에 가로 스크롤(484px)이 생겼다. <md 에서 상단 바 +가로 스크롤 네비(터치 44px, FINDING-006)로 전환, 로고 그라디언트 hex 를 primary-400 토큰으로 승격. 검증: dashboard/jobs 375px hscroll=false, 스크린샷 확인. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
60 lines
1.5 KiB
CSS
60 lines
1.5 KiB
CSS
@import "tailwindcss";
|
|
|
|
/* 색 토큰 — 숫자 스케일(팀 관례) + dataviz 차트 크롬. 시리즈 색은 엔터티 고정:
|
|
네이버 #008a43(CVD 검증 통과 톤다운) · 쿠팡 #f0455b · 최종 #4f46e5. */
|
|
@theme {
|
|
--color-page: #f7f7f5;
|
|
--color-surface: #fcfcfb;
|
|
--color-surface-2: #f4f4f1;
|
|
--color-line-200: #e6e5df;
|
|
--color-line-100: #efeee9;
|
|
--color-grid: #e1e0d9;
|
|
|
|
--color-ink-900: #171a20;
|
|
--color-ink-700: #3d434f;
|
|
--color-ink-500: #6b7280;
|
|
--color-ink-400: #9aa1ac;
|
|
|
|
--color-primary-700: #4338ca;
|
|
--color-primary-600: #4f46e5;
|
|
--color-primary-400: #8b7bff;
|
|
--color-primary-100: #e5e4fb;
|
|
--color-primary-50: #eef0ff;
|
|
|
|
/* 상태(큐·알림) — status 팔레트, 시리즈로 재사용 금지 */
|
|
--color-ok-600: #0f9d58;
|
|
--color-ok-50: #e7f6ee;
|
|
--color-warn-700: #a36a00;
|
|
--color-warn-600: #c77800;
|
|
--color-warn-50: #fdf3e3;
|
|
--color-run-600: #2563eb;
|
|
--color-run-50: #e8f0ff;
|
|
--color-dead-600: #d03b3b;
|
|
--color-dead-50: #fdeaea;
|
|
|
|
/* 차트 시리즈(엔터티 고정) */
|
|
--color-naver: #008a43;
|
|
--color-coupang: #f0455b;
|
|
--color-final: #4f46e5;
|
|
--color-cost-ai: #2a78d6;
|
|
--color-cost-proxy: #eda100;
|
|
|
|
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
"Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
|
|
}
|
|
|
|
body {
|
|
@apply bg-page text-ink-900 font-sans text-[13.5px] antialiased;
|
|
}
|
|
|
|
/* 테이블 숫자 열 정렬 */
|
|
.tnum {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* recharts 기본 폰트 */
|
|
.recharts-wrapper,
|
|
.recharts-tooltip-wrapper {
|
|
font-size: 11.5px;
|
|
}
|