/* 디자인 토큰 — 구 front/app/globals.css(Tailwind v4 + shadcn) 에서 이식. * * 색은 원본과 동일한 oklch 값을 그대로 옮겼다(무채색 스케일 + destructive). * Tailwind 의 `@theme inline` 매핑(--color-*)은 유틸 클래스 생성을 위한 것이라 * 여기서는 불필요 — 원본 변수(--background 등)를 직접 참조한다. * * 다크모드: 원본은 next-themes 가 에 .dark 를 붙였다. 동일 규약을 유지해 * core/theme.js 가 .dark 를 토글한다(prefers-color-scheme 초기값 + localStorage). */ :root { --radius: 0.625rem; --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); /* 파생 radius — Tailwind 의 rounded-sm/md/lg/xl 대응 */ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); /* 타이포 스케일 — Tailwind 기본값(rem) 을 그대로 고정. 구 컴포넌트가 text-xs/sm/base/lg/xl/2xl 로 분기하던 것을 변수화. */ --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --leading-relaxed: 1.625; --leading-tight: 1.25; --font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", sans-serif; --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; /* citation 전용 예외색 — 시맨틱 토큰에 없는 gold/amber. (2026-06-04 결정: gold 배경 + 검정 글씨가 대비비 ≈14:1 로 가독성 최상) */ --cite-quote-bg: #ffd700; --cite-quote-fg: #171717; --cite-quote-glow: rgb(249 115 22 / 0.5); --cite-band-bg: rgb(253 230 138 / 0.3); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.205 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.205 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.922 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.704 0.191 22.216); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.556 0 0); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(1 0 0 / 10%); --sidebar-ring: oklch(0.556 0 0); /* 다크에서 band 는 더 낮은 알파로 — 밝은 amber 가 어두운 본문을 덮지 않도록 */ --cite-band-bg: rgb(253 230 138 / 0.18); }