74 lines
2.3 KiB
CSS
74 lines
2.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
/* Pretendard 가변폰트 self-host (public/fonts).
|
|
format 은 표준 'woff2' 고정 — 'woff2-variations' 는 윈도우 브라우저가 무시함. */
|
|
@font-face {
|
|
font-family: 'Pretendard Variable';
|
|
font-weight: 45 920;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/PretendardVariable.woff2') format('woff2');
|
|
}
|
|
|
|
/*
|
|
* 랜딩 디자인 토큰 (Toss 스타일 라이트 팔레트).
|
|
* 색은 전부 여기서만 정의하고, 컴포넌트는 토큰 클래스(text-ink, bg-primary …)만 쓴다.
|
|
*/
|
|
@theme {
|
|
--font-sans: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
|
|
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
|
|
|
|
/* 브랜드 */
|
|
--color-primary: #3182F6;
|
|
--color-primary-deep: #1B64DA; /* hover */
|
|
--color-primary-soft: #E8F3FF; /* 연한 파랑 배경 — 봇 말풍선, 배지 */
|
|
|
|
/* 텍스트. ink 는 다크 섹션에선 배경색으로도 쓴다 */
|
|
--color-ink: #191F28;
|
|
--color-ink-soft: #4E5968; /* 보조 본문 */
|
|
--color-ink-muted: #8B95A1; /* 캡션 */
|
|
--color-ink-faint: #B0B8C1; /* 플레이스홀더·각주 */
|
|
|
|
/* 면·선 */
|
|
--color-surface: #F9FAFB; /* 회색 섹션 배경 */
|
|
--color-surface-neu: #F2F4F7; /* 뉴모피즘 히어로 전용 배경 */
|
|
--color-fill: #F2F4F6; /* 회색 채움 — 탭 트랙, 보조 버튼 */
|
|
--color-fill-hover: #EAECEF;
|
|
--color-line: #F2F4F6; /* 섹션 구분선 */
|
|
--color-line-strong: #E5E8EB; /* 카드 테두리 */
|
|
|
|
--color-positive: #0B8F57; /* 낙찰·성공 강조 */
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
background-color: #ffffff;
|
|
color: var(--color-ink);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
/* 스크롤은 되지만 스크롤바는 숨김 (협상 콘솔 채팅 영역) */
|
|
.scrollbar-none::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.scrollbar-none {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
/* 은은한 원형 글로우 장식 (히어로 배경) */
|
|
.mesh-bg {
|
|
position: absolute;
|
|
width: 1000px;
|
|
height: 1000px;
|
|
border-radius: 50%;
|
|
background: radial-gradient(circle, rgba(49, 130, 246, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
|
|
filter: blur(100px);
|
|
pointer-events: none;
|
|
}
|