그 외 설계 포인트

• color-mix(in srgb, var(--color-primary) 22%, transparent)처럼 CSS 변수와 color-mix()를 조합해, 다크/라이트 모드 전환 시 그림자·배경 그라데이션 색도 자동으로 따라가도록 처리했습니다.
• 버튼, 카드류에 transition을 공통으로 걸어 hover 시 translateY, 그림자 변화가 부드럽게 나타나도록 했습니다.
• .reveal / .reveal.is-visible은 utilities.css에 두어, 특정 섹션에 종속되지 않고 어떤 요소에도 재사용할 수 있게 했습니다.

출처: Codyssey-B1/B1-1