/* ═══════════════════════════════════════════════════════════════════ * crowny-tokens.css — 크라우니 디자인 토큰 단일 원본(SSOT) * 정본 = crowny.org 본체(crowny-ai/public/index.html :root). 2026-06-21. * * 모든 서비스 셸이 에서 이 파일을 import 한다: * * 색을 바꾸려면 이 파일만 수정 → 전 서비스 동시 반영. 셸에서 색 임의 정의 금지. * 정본 문서: docs.crowny.org/docs/2026-06-21-크라우니-디자인검토-기본방침 * ═══════════════════════════════════════════════════════════════════ */ :root{ /* 배경 */ --bg: #FAF9F7; /* 페이지 배경 */ --bg-sidebar: #F4F1ED; /* 사이드바·서브패널 */ --panel: #FFFFFF; /* 카드·패널 (별칭 --card) */ --card: #FFFFFF; --bg-input: #FFFFFF; --bg-hover: #EEEAE4; --bg-active: #E8E3DC; /* 텍스트 */ --ink: #1A1A1A; /* 본문 (별칭 --text) */ --text: #1A1A1A; --sub: #6B6B6B; /* 보조 (별칭 --text2) */ --text2: #6B6B6B; --faint: #A0A0A0; /* 흐린 (별칭 --text3) */ --text3: #A0A0A0; /* 테두리 */ --line: #E5E2DD; /* 기본 테두리 (별칭 --border) */ --border: #E5E2DD; --border2: #D4D0C8; /* 강조 테두리 */ /* 강조 — 골드(크라우니) + 코랄(클로드 밸런스) */ --gold: #C9A961; --gold-d: #A08840; /* 별칭 --accent-dim */ --accent: #C9A961; --accent-dim: #A08840; --accent-soft: rgba(201,169,97,0.10); --accent-glow: rgba(201,169,97,0.22); --coral: #D4743A; --green: #22A06B; --red: #D93025; --blue: #2979C9; --purple: #7C6CDB; /* 그림자 */ --shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06); --shadow-md: 0 4px 12px rgba(0,0,0,.10), 0 2px 4px rgba(0,0,0,.06); --shadow-lg: 0 12px 32px rgba(0,0,0,.13), 0 4px 8px rgba(0,0,0,.07); /* 모서리 */ --radius: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-pill: 50px; /* 폰트 */ --font: 'Söhne','Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Segoe UI',system-ui,sans-serif; --mono: 'JetBrains Mono','SF Mono','Fira Code',Menlo,monospace; } @media (prefers-color-scheme:dark){ :root{ /* 서비스 셸 36개 합의 다크 팔레트(따뜻한 차콜). 변경은 여기 한 곳. 2026-06-22 일원화 */ --bg: #16140f; --bg-sidebar: #0E0D0B; --panel: #14120E; --card: #1e1c16; --bg-input: #14120E; --bg-hover: #1A1712; --bg-active: #221E16; --ink: #ececec; --text: #F4E9D8; --sub: #9a9a9a; --text2: #9A8F76; --faint: #6F6650; --text3: #6F6650; --line: #2a2a2a; --border: rgba(201,169,97,0.12); --border2: rgba(201,169,97,0.20); --accent-soft: rgba(201,169,97,0.09); --accent-glow: rgba(201,169,97,0.18); } }