57 lines
2.4 KiB
CSS
57 lines
2.4 KiB
CSS
/* ==========================================================================
|
|
비색의 침묵 — 디자인 토큰
|
|
프리셋: editorial-archival
|
|
컨셉 한 문장: 암실의 세 개의 방 — 사진이 어두울수록 유약이 가까워진다.
|
|
레퍼런스: 방향 앵커는 dogfood-celadon(국립중앙박물관 등 전시 계열). 그 파일의
|
|
6축 수치는 audit-references.md 에서 날조로 판명 — 토큰은 브리프에서
|
|
다시 정했다. 박물관 암실의 실제 조건(어두운 벽, 스포트라이트)에서 유래.
|
|
하지 않은 것: 포스터형 그라디언트 배경, 관람객 수 지표, 전시 인트로 영상
|
|
자리. 이유: 암실의 권위는 어둠의 면적에서 나온다.
|
|
========================================================================== */
|
|
|
|
:root {
|
|
/* 타입 — 최대(58px) ÷ 본문(16px) ≈ 3.6배 */
|
|
--step--1: 0.8125rem; /* 13px */
|
|
--step-0: 1rem; /* 16px */
|
|
--step-1: 1.25rem; /* 20px */
|
|
--step-2: clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem); /* 28px */
|
|
--step-3: clamp(2.125rem, 1.4rem + 3.4vw, 3.625rem);/* 58px */
|
|
|
|
--leading-tight: 1.3;
|
|
--leading-normal: 1.85;
|
|
|
|
--font-display: "MaruBuri", serif;
|
|
--font-body: "Pretendard Variable", Pretendard, -apple-system, sans-serif;
|
|
|
|
/* 색 — 암실. 배경은 순흑이 아니라 석재 회색(벽), 강조는 비색 그 자체. */
|
|
--surface: #121514;
|
|
--surface-raised: #191d1c;
|
|
--ink: #eceae2; /* 백색이 아니라 골동지의 밝기 */
|
|
--ink-muted: #a7a69b;
|
|
--ink-faint: #878982;
|
|
--line: #2b302e;
|
|
--accent: #8fbcaa; /* 비색 — 텍스트용으로 밝힘. 배경 채움 금지 */
|
|
--accent-dim: #80ac99;
|
|
--ink-bright: #ffffff; /* CTA hover */
|
|
|
|
--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, 9rem);
|
|
|
|
--radius: 2px;
|
|
|
|
/* 읽는 폭과 유물 판은 분리한다. 2560px에서도 문장이 늘어지지 않고,
|
|
빙렬 이미지만 전시 벽처럼 넓어진다. */
|
|
--container: 1200px;
|
|
--container-wide: 1600px;
|
|
--pad-inline: clamp(1.25rem, 1rem + 2.5vw, 4.5rem);
|
|
|
|
--dur-quick: 160ms;
|
|
--dur-normal: 480ms;
|
|
--ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
|
|
}
|