variables.scss의 모습.

이런식으로 토큰 정리가 된다고 합니다.

UI 디자인 시스템 구축 작업시 참고

variables.scss

// Colors

$primary-color: #3498db; // Blue

$secondary-color: #2ecc71; // Green

$text-color: #333; // Dark Gray

$background-color: #f4f4f4; // Light Gray

$button-color: #e74c3c; // Red

// Typography

$font-family-heading: 'Poppins', sans-serif;

$font-family-body: 'Roboto', sans-serif;