54 lines
1.9 KiB
CSS
54 lines
1.9 KiB
CSS
/* ==========================================================================
|
|
Synapse BCI Lab — 디자인 토큰
|
|
프리셋: dark-instrument (연구 계기판)
|
|
컨셉 한 문장: 측정 조건이 붙은 계기 — 신경 데이터는 장식이 아니라 증거다.
|
|
레퍼런스: 방향 앵커 dogfood-synapse(신경인터페이스 업종). 그 파일의 수치는
|
|
audit-references.md 날조 판명 — 토큰은 브리프 재정의. 골드 1색은
|
|
'전극의 금'에서, 배경은 측정 암실(거의 흑)에서.
|
|
하지 않은 것: 'superhuman' 카피, 두뇌 일러스트, 싸이버 글로우, 채널 수
|
|
자랑 배너. 이유: 의료 기기의 신뢰는 미측정값의 공백에서도 온다.
|
|
========================================================================== */
|
|
|
|
:root {
|
|
/* 타입 — 최대(58px) ÷ 본문(16px) ≈ 3.6배 */
|
|
--step--1: 0.8125rem;
|
|
--step-0: 1rem;
|
|
--step-1: 1.1875rem;
|
|
--step-2: clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem);
|
|
--step-3: clamp(1.5rem, 0.8rem + 3vw, 3rem); /* 48px — 두 줄 계약 */
|
|
|
|
--leading-tight: 1.24;
|
|
--leading-normal: 1.72;
|
|
|
|
--font-body: "IBM Plex Sans", "IBM Plex Sans KR", Pretendard, -apple-system, sans-serif;
|
|
--font-mono: "JetBrains Mono", monospace;
|
|
|
|
--surface: #08090b;
|
|
--surface-raised: #0d0f13;
|
|
--ink: #e9ebee;
|
|
--ink-muted: #9aa1ab;
|
|
--ink-faint: #838d98;
|
|
--line: #1e2229;
|
|
--line-strong: #343a45;
|
|
--accent: #d9a441; /* 전극 금 — 텍스트·선 */
|
|
--accent-dim: rgba(217, 164, 65, 0.4);
|
|
|
|
--space-1: 0.25rem;
|
|
--space-2: 0.5rem;
|
|
--space-3: 1rem;
|
|
--space-4: 1.5rem;
|
|
--space-5: 2.5rem;
|
|
--space-6: 4rem;
|
|
--space-7: 6rem;
|
|
--space-8: clamp(4.5rem, 3rem + 6vw, 8.5rem);
|
|
|
|
--radius: 2px;
|
|
--radius-frame: 6px;
|
|
|
|
--container: 1240px;
|
|
--pad-inline: clamp(1.25rem, 1rem + 2.5vw, 5rem);
|
|
|
|
--dur-quick: 160ms;
|
|
--dur-normal: 420ms;
|
|
--ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
|
|
}
|