:root {
    /* 무채색 팔레트 */
    --color-primary: #424242;
    --color-primary-light: #616161;
    --color-primary-dark: #212121;
    
    --color-accent: #757575;
    --color-accent-light: #9E9E9E;
    
    /* 배경색 */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #FAFAFA;
    --color-bg-tertiary: #F5F5F5;
    
    /* 텍스트 */
    --color-text-primary: #212121;
    --color-text-secondary: #616161;
    --color-text-tertiary: #9E9E9E;
    --color-text-disabled: #BDBDBD;
    
    /* 보더 */
    --color-border: #E0E0E0;
    --color-border-light: #EEEEEE;
    
    /* 상태색 */
    --color-success: #4CAF50;
    --color-warning: #FF9800;
    --color-error: #F44336;
    --color-info: #607D8B;
    
    /* 그림자 */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-lg: 0 4px 16px rgba(0,0,0,0.12);
    
    /* 간격 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* 둥글기 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    /* Safe Area */
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}